发表于： 2019-06-12 23:06:46
1 806
今天完成的事：
给导航栏添加了下拉选框，让鼠标悬停在上面时会出现下拉菜单
了解了深度思考去除inline-block间距有哪几种方法，css有哪些属性可以继承
明天计划的事:
完成任务6，对任务7的主体框架完成
遇到的问题：
比较难缠的问题就是刚开始两边有margin的问题，所以显示的宽度没办法变成100%，直到把container换成了container-fluid，彻底的解决了两边宽度的问题。
收获：
了解了去除inline-block间距有哪几种方法
元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就消失了。
font-size：0；这个方法，基本上可以解决大部分浏览器下inline-block元素之间的间距(IE7等浏览器有时候会有1像素的间距)。
margin负值的大小与上下文的字体和文字大小相关，Arial字体的margin负值为-3像素，Tahoma和Verdana就是-4像素，而Geneva为-6像素。由于外部环境的不确定性，以及最后一个元素多出的父margin值等问题，这个方法不适合大规模使用。
返回列表
评论