相对于其最接近的一个具有定位属性的父包含块进行绝对定位,有例子吗?
对于教程中的“相对于其最接近的一个具有定位属性的父包含块进行绝对定位”,除了body之外,如果出现了相对的,有哪些呢?
对于教程中的“相对于其最接近的一个具有定位属性的父包含块进行绝对定位”,除了body之外,如果出现了相对的,有哪些呢?
2015-02-09
标签的默认的定位属性是static。这句话的意思是说给父容器设置了除position:static外的其他定位属性如position:relative/absolute/fixed等之后,其子元素就可以相对该父元素进行定位了。举个栗子:
<div class="grandfather"> <div class="father"> <div class="son"></div> </div> </div>
这段代码如果我的css是这样的话
.grandfather{position:relative;} .son{position:absolute;}
由于.father没有设置position,其position为默认的static,所以.son的absolute相对的就是.grandfather来进行定位的。设置的top left等值就是相对于.grandfather来设置的。如果你得css样式改为
.grandfather{position:relative;} .father{position:relative;} .son{position:absolute;}
则.son的absolute定位就是相对于.father来定位了,left top的值也就是相对于.father来设置的。
不知道我的表达你能理解不~
举报