关于css:css浮动和定位

一、浮动

浮动能够扭转元素的排列形式
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.双级伪元素