DIV定位position:relative;与position:absolute;运用

/ 0评 / 0

写wordpress主题就必须要用到DIV与CSS所以我们也会常常会用到浮动,左右浮动都非常简单,我们可以用“float:left;float:right;”来控制,这两个CSS都是常用和普遍的,但是我们如果要让DIV绝对定位而且居于某一个DIV之上我们又怎么来控制呢?

下面我们来做一个实例

<div id="div">

<div>

这里是第一个图层

</div>

<div>

这里是第一个图层

</div>

</div>

如果我们要div1浮动在div2上面呢?也就是说如何让div1居于第一层。

首先我们必须给#div也就是父级加上“position: relative;”让#div处于定位状态,然后再给div1加上“position: absolute;”浮动。

当然这两个元素是让div产生定位的效果,这样一来我们就必须用top,right,bottom,left进行定位。

这篇文章最重要的就是position: relative;与position: absolute;希望大家能运用好