4-1課程中，

第一個布局是利用浮動，設置三個塊級標簽div寬度33.33%以達到自適應窗口的目的，此時，不存在遮擋問題。

第二個布局，是利用絕對定位，將左右塊級標簽脫離文檔流，定位在窗口左右兩側，由于這兩塊div.mian已經脫離了文檔流，中間的div則自動上移，由于左右寬度固定，再設置 .main{margin:0 310px 0 210px;}則可以正常顯示并自適應內容寬度。

關于遮擋，是由于瀏覽器解析代碼的時候是自上而下的，左側代碼在上面（先解析），右側代碼在下面（后解析），顯示在窗口中后解析的層級高于先解析的，由于你已經設置了左右div固定寬度。縮小窗口，自然右側蓋住左側。

測試：

1、你可以給左側添加樣式 .left{z-index:1;}，增加左側div的層級，你會發現，縮小窗口，左側蓋住右側了。

2、你可以分別給左右div的寬度設置為 .left, .right{width:30%;}，此時，左右塊標簽的寬度會自適應窗口，就不會有遮擋問題了，但是另一個問題出現了，由于我們的中間塊設置了固定的margin值，縮小放大窗口會出現顯示問題，至于怎么解決，你自己可以測試一下。