一、浮动
浮动能够扭转元素的排列形式
float left/right/none;
撑开盒子：不给高度能够撑开盒子，问题：然而浮动之后高度就会变成 0（没给高度）导致错位（浮动元素不再占有原文档流的地位，对前面的排版产生影响）解决：革除浮动（革除浮动元素产生的影响）clear:left/right/both
1. 额定标签法（w3c 举荐的写法）在前面增加一个块级元素不能是行内元素：<div style="clear:both"></div>
毛病：增加了无意义的标签
2.overflow
给父元素增加 overflow 属性
overflow:hidden/auto/scroll
毛病：无奈显示溢出的局部
3.:after 伪元素法
给父元素增加
实质：主动生成一个额定暗藏标签
4. 双级伪元素