行布局
容器居中
左右居中：設(shè)置寬后添加 margin:0 auto;
左右上下居中：絕對(duì)定位上左50%后测暗，外邊距上左各減容器自身寬高的50%
position:absolute; top:50%; left:50%; margin:-50% 0 0 -50%;
多列布局
兩列布局固定
兩列不覺(jué)自適應(yīng)
一個(gè)父box包含兩個(gè)子box各拷，父box用行布局的方法居中，子box設(shè)置一左一右浮動(dòng)业栅；單位用百分比即是自適應(yīng)
三列布局固定
三列布局自適應(yīng)
一個(gè)父box包含三個(gè)子box，父box用行布局的方法居中，第一第二子box設(shè)置左浮動(dòng)瞒津，第三子box設(shè)置右浮動(dòng)；單位用百分比即是自適應(yīng)
混合布局
常見(jiàn)的網(wǎng)頁(yè)布局：行布局+列布局
圣杯布局-2006年
三列布局括尸，中間寬度自適應(yīng)巷蚪，兩邊定寬
中間欄要在瀏覽器中優(yōu)先渲染展示
允許任意列的高度最高（自適應(yīng)）
用最簡(jiǎn)單的CSS、最少的HACK語(yǔ)句（最好的兼容）?
三個(gè)父box濒翻，頁(yè)頭-中間-頁(yè)尾屁柏，中間父box包含三個(gè)子box先寫中間的（保證先渲染）；
頁(yè)頭頁(yè)尾用行布局法有送，中間父box寬度100%淌喻，左內(nèi)邊距=左邊子box寬度，右內(nèi)邊距=右子box寬度雀摘；
中間父box的三個(gè)子box都設(shè)置左浮動(dòng)和相對(duì)定位裸删，中間子box設(shè)置100%寬度即可，左邊子box設(shè)置固定寬度? margin-left:-100%; left:-自身寬度;（相對(duì)定位偏移）阵赠；右邊子box同理
*浮動(dòng)情況下負(fù)外邊距值會(huì)導(dǎo)致box上移涯塔，負(fù)100%可以確實(shí)移到最邊上
雙飛翼布局
去掉相對(duì)定位，只需浮動(dòng)和負(fù)邊距現(xiàn)實(shí)雙圣杯
五個(gè)父box清蚀，頁(yè)頭-中間-左邊-右邊-頁(yè)尾匕荸，中間父box包含一個(gè)子box
所有父box設(shè)置左浮動(dòng)；中間父box寬度100%轧铁，子box左外邊距為左邊大box的寬度每聪，右外邊距同理
左父box設(shè)置固定寬度，左外邊距-100%齿风；右大box同理
