站内搜索

布局模型（一）

首先来了解什么包含块，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%;        }
  • 上一篇：编辑器笔记sublime text3 编译sass
  • 下一篇：为什么DOM操作很慢