脱离文档流的三种方式以及清除浮动

脱离文档流的三种方式以及清除浮动

1. 浮动(float)
2. 绝对定位(position:absolute)
3. 固定定位(position:fixed)
   脱离文档流后的元素有四个特性：
   1.不再区分行和快；
   2.如果本元素未设置宽度，脱离后的宽度将由其子元素撑开，高度也是；
   3.字围效果；
   4.贴靠现象 ；
   清除浮动：
   1.给浮动元素的父元素设置宽高，这样就不会影响到后面的元素了（不建议用，不使用）；
   2.给浮动元素添加clear：both 属性， 去掉两边的浮动，但是margin会失效（不建议用 ）

4 . 给父元素添加overflow：hidden属性，，margin不会失效；
5 . 添加一个类.clear（作用于父元素，最常用）