码迷,mamicode.com
首页 > 其他好文 > 详细

布局模型(一)

时间:2016-04-01 20:21:20      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

首先来了解什么包含块,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%;
        }

布局模型(一)

标签:

原文地址:http://www.cnblogs.com/jnslove/p/5345851.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!