1.預(yù)覽鏈接：
2.預(yù)覽鏈接：
3.預(yù)覽鏈接
4.預(yù)覽鏈接：
5.預(yù)覽鏈接
實(shí)現(xiàn)圣杯布局
思路：三者的包裹容器設(shè)置一個(gè)左右padding來裝下左邊的aside和ad，而main設(shè)置浮動(dòng)挟冠，寬度為100%携添，這樣他就處在中間并且寬度自適應(yīng)了，將aside也設(shè)置為浮動(dòng)叛本，然后margin-left：-100%沪蓬，他正好跑到了處在中間main的左上角，然后給他設(shè)置position：relative来候，他就正好處在瀏覽器左上角了跷叉，而ad設(shè)置為浮動(dòng)，然后margin-left:-150px就回到了main的右上角营搅，然后同理云挟，設(shè)置position：relative就在瀏覽器右上角了
圣杯布局
實(shí)現(xiàn)雙飛翼布局
思路：main設(shè)置浮動(dòng)，寬度為100%转质，并且給它加一個(gè)子元素园欣，給這個(gè)子元素設(shè)置一個(gè)左右margin，aside設(shè)置margin-left:-100%回到瀏覽器左側(cè)休蟹，且設(shè)置為浮動(dòng)沸枯，ad設(shè)置margin-left：adWidth，float：left赂弓，回到瀏覽器右側(cè)
總結(jié)一下：雙飛翼布局是利用main的子元素的左右margin绑榴，而圣杯布局是利用main的父元素的左右padding
