如果是嵌套的div布局,外面的div 比如是<div class="container"></div>这时候设置的是一个大的外框架,居中显示。我们要在里面嵌套div来
显示内容,这时候就通过<div style="display:block;position:relative"></div>来使得div标签的位置是相对于外面最靠近它的父级标签也就是<div class="container"></div>
这样我们就可以通过设置第二级的style里面的left和top属性解决两层布局问题了,但是我们网页的布局肯定不会这么简单,至少得涉及到<div>标签的三层嵌套吧。我们现在已经知道第二级用的样式是positon:realative
但是嵌套在<div style="display:block;position:relative"></div>里面的display属性不能用realative而应该用absolute,只有这样做才能使得第三层的<div></div>的布局位置相对与第二层排布
于是困恼我多天的布局问题就解决啦。
基本的格式如下:
<div class="container">
<div style="display:block;position:relative">
<div style="display:block;position:absolute" >
</div>
</div>
</div>
转载于:https://blog.51cto.com/9262494/1537572