首先来了解什么包含块,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; 200px;加上宽、高后ie6才能够正常解析*/ } #div2{ position:absolute; width:100px; height:100px; background:red; left:50%; top:50%; }