浮動(dòng)布局
1.float
備注：
a.當(dāng)元素沒(méi)有設(shè)置寬度值，而設(shè)置了浮動(dòng)屬性，元素的寬度隨內(nèi)容的變化而變化。
b.當(dāng)元素設(shè)置浮動(dòng)屬性后，會(huì)對(duì)相鄰的元素產(chǎn)生影響，相鄰元素特指緊鄰后面的元素。
c.當(dāng)父包含塊縮成一條時(shí)，用clear:both方法清除浮動(dòng)無(wú)效，它一般用于緊鄰后面的元素的清除浮動(dòng)。
2.清除浮動(dòng)的常用方法
對(duì)受到影響的元素設(shè)置以下方法：
方法1
clear，常用clear:both或者clear:left或者clear:right。
方法2
同時(shí)設(shè)置width:100%（或固定寬度）+ overflow:hidden。
方法3
使用換行標(biāo)簽<br>，但不建議使用。
positon定位
1.相對(duì)定位
positon:relative
相對(duì)于自身原有位置進(jìn)行偏移，仍舊處于標(biāo)準(zhǔn)文檔流中，擁有偏移屬性和z-index（空間的層堆疊）屬性。
2.絕對(duì)定位
position:absolute
使用absolute實(shí)現(xiàn)橫向兩列布局，常用于一列固定寬度，另一列寬度自適應(yīng)的情況。
特點(diǎn)：
1)建立了以包含塊為基準(zhǔn)的定位，完全脫離了標(biāo)準(zhǔn)文檔流，擁有偏移屬性和z-index屬性。
2)若絕對(duì)定位未設(shè)置偏移量，則無(wú)論是否存在已定位的祖先元素，都保持在該元素的初始位置，脫離了標(biāo)準(zhǔn)文檔流。
3)若絕對(duì)定位設(shè)置了偏移量，偏移參照基準(zhǔn)為：
a.若無(wú)已定位的祖先元素，以<html>(非<body>)為偏移參照基準(zhǔn)。
b.若有已定位的祖先元素，以距離其最近的已定位祖先元素為偏移參照基準(zhǔn)。
4)當(dāng)一個(gè)元素設(shè)置絕對(duì)定位，沒(méi)有設(shè)置寬度時(shí)，元素的寬度根據(jù)內(nèi)容進(jìn)行調(diào)節(jié)。
