高度塌陷,清除浮动,定位

高度塌陷问题：子元素浮动父元素的高度没了，就会造成高度塌陷，可以开启bfc来解决这个问题，bfc有三种特性 

1.父元素的垂直外边距不会和子元素重叠2.开启bfc的元素不会被浮动元素所覆盖

3.开启bfc的元素可以包含浮动的子元素  ，我们所解决的高度塌陷的问题就是第三种

开启元素的bfc有三种方法 1.设置元素浮动 2.设置元素绝对定位3.设置元素为inline-block 这三种方法都不推荐使用

我们常用overflow：hidden/auto来解决高度塌陷  要注意ie6及一下浏览器不支持这个   如果我们要ie6也兼容   我们可以使用haslayout来进行设置  属性zoom表示放大的意思zoom设置为1不放大，我们可以使用overflow：hidden   zoom：1来兼容所有浏览器

再要说的就是清除浮动    clear元素可以用于清除元素浮动对元素的影响，就是可以使元素不会因为上方出现浮动元素而改变位置  它有四个可选值

left：忽略左侧浮动 right：忽略右侧浮动 both忽略全部浮动 none：不忽略浮动  默认值

定位：定位分为相对定位，绝对定位，还有固定定位

每个元素在文档流中都有一个自然位置，相对于这个位置对元素进行移动就叫相对定位，

周围的元素会完全不受此影响

开启相对定位：position：relative开启  可以使用top  left  right  bottom四个属性对元素进行定位，相对定位不会使元素脱离文档流，不会改变元素原来的特性

接下来就是绝对定位了，绝对定位是指元素相对于html元素或是给离它最近的祖先元素进行定位

开启绝对定位：position：absolute开启绝对定位，开启绝对定位后也可以使用top，left，right，bottom四个属性对元素进行定位

使用绝对定位可以使元素完全脱离文档流，绝对定位会使内元素变成块元素