佈局模型（一）

首先來瞭解什麼包含塊，css包含塊是css標準佈局中的一個重要的概念，它是絕對定位的基礎。包含塊就是為絕對定位元素提供坐標偏移和顯示範圍的參照物，即確定絕對定位的偏移起點和百分比長度的參考。

由於ie瀏覽器在解析多層包含時會存在一些問題，在ie瀏覽器中只有當絕對定位的元素擁有層特征時才能準確解析，層特征應該包含：width：100px；height：100px；position：

例如：

div id="div1">
       <h2>標題</h2>
       <div id="div2">
           <p></p>
           <span></span>
           <p></p>
       </div>
   </div>

CSS:

#div1{
            position:relative;
            background:blue;
            /*height:200px;
            width:200px;加上寬、高後ie6才能夠正常解析*/
        }
        #div2{
            position:absolute;
            width:100px;
            height:100px;
            background:red;
            left:50%;
            top:50%;
        }