浮动布局

浮动布局

 

 1、浮动：浮动元素那么它会首先寻找赴元素的边框，例如：float：left；就会向父元素的左边框靠拢，如果碰到了同级的浮动元素，就会向其同级元素靠拢。

 

 2、浮动会导致父元素高度塌陷。

 

 3、我们可以使用清除左右浮动。

 

 4、添加一个div来决解问题。例如：clear：both；display：block；float：none；

 

 5、最多使用的方式：就是使用伪元素来清除float。在父标签上专门搞一个类来设置清除浮动：class_name:after{content:"";diplay:block;clear:both;}