Web前端之网页导航----搜导航狐邮箱（float）

原图

我做的

搜狐邮箱导航很简单，几十行代码搞定！就一个背景，一个li完事，这里主要说下float这个属性。

①<li>是块级元素，所以可以设置width和height，也会独占一行，用float后让其都在一行！

②浮动元素会被移出文档流，不会影响到块级只会影响内联（通常是儿文本排列）。产生一个问题是：浮动元素所在父元素不会自动伸长以便闭合浮动元素，任其“红杏出墙”！

重磅推荐

CSS清除浮动完全解决方案：http://web.itivy.com/css-clear-float/