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