css浮动和定位

一、浮动

浮动可以改变元素的排列方式
float  left/right/none;

撑开盒子：
不给高度可以撑开盒子，
问题：
但是浮动之后高度就会变成0（没给高度）导致错位（浮动元素不再占有原文档流的位置，对后面的排版产生影响）
解决：清除浮动（清除浮动元素产生的影响）
clear:left/right/both

1.额外标签法（w3c推荐的写法）
在后面添加一个块级元素不能是行内元素：

缺点：添加了无意义的标签

2.overflow
给父元素添加overflow属性
overflow:hidden/auto/scroll
缺点：无法显示溢出的部分

3.:after伪元素法
给父元素添加
本质：自动生成一个额外隐藏标签

4.双级伪元素