原图
我做的
搜狐邮箱导航很简单,几十行代码搞定!就一个背景,一个li完事,这里主要说下float这个属性。
①<li>是块级元素,所以可以设置width和height,也会独占一行,用float后让其都在一行!
②浮动元素会被移出文档流,不会影响到块级只会影响内联(通常是儿文本排列)。产生一个问题是:浮动元素所在父元素不会自动伸长以便闭合浮动元素,任其“红杏出墙”!
重磅推荐
CSS清除浮动完全解决方案:http://web.itivy.com/css-clear-float/