日期:2014-05-16  浏览次数:20658 次

清除定位html?
网页设计,清除position相对定位及绝对定位??

在网页制作中,如果把层A的position属性设置为relative或是absolute,层A脱离标准流,再写一个层B,那么层B仍在标准流上,显示在层A的后边,而不会显示在层A的底部,怎样才能清除这种定位,而让层B显示在层A底部呢??
------解决方案--------------------
第一次听过clear还能清除定位。

position:relative;对元素没有实质上的任何影响

position:absolute;会使元素脱离文档流

如果你要改变显示顺序,那么元素都可以是定位的,然后设置定位层级 z-index 值越大,越靠顶层

.div1{width:100px;height:100px;background:red; position:absolute;z-index:1; }
.div2{width:200px;height:100px;background:green;position:absolute;}