浮动布局会导致父元素的高度为0，在未设置高度的情况下，不会根据子元素的高度而变化，所以一定要设置clear属性，用伪元素 :after 来代替这个空白标签

让页面呈现多列布局时经常会使用 float:left/right ，可是浮动布局会导致父元素的高度为0（未设置高度的情况下），不会根据子元素的高度而变化，另外，后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。 复制代码代码如下: #content{background:#000;} .left{width:100px;height:100px;background:#eee;margin:0 10px;float:left;}  所以我们在使用浮动进行布局的时候会需要一个块级元素（行