1.預覽鏈接：
2.預覽鏈接：
3.預覽鏈接
4.預覽鏈接：
5.預覽鏈接
實現圣杯布局
思路：三者的包裹容器設置一個左右padding來裝下左邊的aside和ad，而main設置浮動，寬度為100%，這樣他就處在中間并且寬度自適應了，將aside也設置為浮動，然后margin-left：-100%，他正好跑到了處在中間main的左上角，然后給他設置position：relative，他就正好處在瀏覽器左上角了，而ad設置為浮動，然后margin-left:-150px就回到了main的右上角，然后同理，設置position：relative就在瀏覽器右上角了
圣杯布局
實現雙飛翼布局
思路：main設置浮動，寬度為100%，并且給它加一個子元素，給這個子元素設置一個左右margin，aside設置margin-left:-100%回到瀏覽器左側，且設置為浮動，ad設置margin-left：adWidth，float：left，回到瀏覽器右側
總結一下：雙飛翼布局是利用main的子元素的左右margin，而圣杯布局是利用main的父元素的左右padding
