高度塌陷

高度塌陷

父元素撑起子元素的宽高度

但通过float设置子元素分离 这就是高度塌陷

---

BFC

设置模块的打开和关闭，有一些特性

1.父元素的垂直外边距不会和子元素重叠；

2.开启BFC的元素不会被浮动元素所覆盖；

3.开启BF的元素可以包含浮动的子元素；

---

开启方法

1.设置元素浮动(不推荐)

2.设置元素绝对定位（不推荐）

3.设置元素为inline-block

（推荐设置为hidden)

4.将元素的overflow设置为一个非visible的值

IE6及一下浏览器不支持BFC

可以设置haslayout可以开启

zoom：1

---

导航条

导航栏需要标准的 HTML 作为基础。

在我们的例子中，将用标准的 HTML 列表来构建导航栏。

导航栏基本上是一个链接列表，因此使用 <ul> 和 <li> 元素是非常合适的

---

清除浮动

属性

以clear设定

left  清除左浮动

right 清除右浮动

both 清除两侧浮动（注意：兄弟模块谁对我影响大，就清除谁的浮动

解决高度塌陷的方法

clearfix:通过after方式 没有副作用

加zoom：1

---

相对定位 relitive

通过position属性定义可以把模块定位在任何位置

相对定位元素不会脱离文档流

元素的性质不变

---

绝对定位 obsolute

开启定位 脱离文档流

绝对定位里最近的以开启定位的祖先块进行定位

---

固定定位

与绝对相仿

永远相对浏览器窗口定位

IE不支持固定定位