clear 屬性可以用于清除元素周圍的浮動(dòng)對(duì)元素的影響。
也就是元素不會(huì)因?yàn)樯戏匠霈F(xiàn)了浮動(dòng)元素而改變位置。
可選值：
left:忽略左側(cè)浮動(dòng)
right：忽略右側(cè)浮動(dòng)
both：忽略全部浮動(dòng)
none：不忽略浮動(dòng)，默認(rèn)值。
定位：
position屬性可以控制wed瀏覽器如何以及在何處顯示特定的元素。
可以使用position屬性把一個(gè)元素放置到網(wǎng)頁(yè)中的任何位置。
static ? relative ?absolute ? fixed
相對(duì)定位：
每個(gè)元素在頁(yè)面中都有一個(gè)自然位置。開啟相對(duì)定位相對(duì)于自身原來的位置發(fā)生改變，但是不會(huì)改變?cè)氐男再|(zhì)。相對(duì)定位不會(huì)使元素脫離文本流，相對(duì)定位會(huì)使元素的層級(jí)提升，使元素可以覆蓋文本流中的元素開啟之后可以使用top right ?bottom ?left 四個(gè)屬性對(duì)元素進(jìn)行定位。
絕對(duì)定位：
絕對(duì)定位指的是元素相對(duì)于html元素或離他最近的組選定位元素進(jìn)行定位。
當(dāng)將position屬性設(shè)置為absolute時(shí)，開啟了元素的絕對(duì)定位。也可以使用 top right bottom left 四個(gè)屬性對(duì)元素進(jìn)行定位。
絕對(duì)定位會(huì)使元素完全脫離文本流。 絕對(duì)定位的塊元素的寬度會(huì)被其他內(nèi)容撐開。 ?絕對(duì)定位會(huì)使行內(nèi)元素變成快元素。
固定定位：
固定定位的元素會(huì)被鎖定在屏幕的某個(gè)位置上，當(dāng)訪問者滾動(dòng)網(wǎng)頁(yè)時(shí)，固定元素會(huì)在屏幕上保持不定。當(dāng)position設(shè)置為fixed時(shí)，開啟固定定位。
BFC（隱含地屬性）
1 父元素的垂直外邊距不會(huì)和子元素重疊
2 開啟BFC的元素不會(huì)被浮動(dòng)元素所覆蓋
3 所開啟BFC的元素可以包含浮動(dòng)的子元素
開啟BFC
1 設(shè)置元素浮動(dòng)
2 設(shè)置元素的絕對(duì)定位
3 設(shè)置元素為inline-block
4 設(shè)置元素的overflow設(shè)置為一個(gè)非visible
