相对于其最接近的一个具有定位属性的父包含块进行绝对定位,有例子吗？
来源：13-6 万事无绝对 -层模型之绝对定位
GALOHWANG
2015-02-09 13:33
对于教程中的“相对于其最接近的一个具有定位属性的父包含块进行绝对定位”，除了body之外，如果出现了相对的，有哪些呢？
写回答
关注
3回答
-
- 西地锦
- 2015-02-09 13:49:04
标签的默认的定位属性是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来设置的。
不知道我的表达你能理解不~
-
- 慕仰6222997
- 2017-12-05 09:41:23
谢谢大神解释，很清晰。。。。
-
- 慕桂英0370477
- 2017-07-10 11:11:27
感谢了！顶一个
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225314 学习 · 18230 问题
相似问题