                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

为何参照定位的元素必须加入position:relative;

/*下面是任务部分*/

#box3{ width:200px; height:200px; position:absolute; }

#box4{ width:99%; position:absolute; bottom:0px; }

这里为何参照定位的元素必须加入position:relative; 明明用position:absolute; 不是也可以么？？、

全栈开发er

2016-11-21

源自：初识HTML(5)+CSS(3) 13-9

关注问题我要回答

1138

操作

收起

5 回答

慕粉2049572036
2017-02-08

都定义成absolute，页面长了，一个个计算div之间的距离？

0 回复有任何疑惑可以回复我~

收起回答

_teaaa
2016-12-14

和你有同样的疑问，看到大家的解答明白了：除了body，被参照的元素必须有定位属性才起作用，属性具体是什么不重要，写position:relative/absolute/fixed都行。

0 回复有任何疑惑可以回复我~

收起回答

Robert_Langdon
2016-12-05

就拿这节例子来说，box3你可以写position:relative/absolute/fixed里任何一个，但是你不写的话，box4就会相对body进行绝对定位而不是box3，原因是绝对定位属性需要相对于其最接近的一个具有定位属性的父包含块进行，这是12-6原话

3 回复有任何疑惑可以回复我~

收起回答

spdf_qiuye

这个解释完爆所谓不求甚解，感谢大佬

2018-10-08 回复有任何疑惑可以回复我~

慕粉1553134393
2016-12-01

小节Relative与Absolute组合使用第2条有讲到："参照定位的元素必须加入position:relative;" 这是使用规则，遵照执行就好了不需要太多疑问，不求甚解。可以理解为被参照的前辈元素没有定位属性，只有加了这样的指令之后前辈元素才可以在浏览器中自身定位。

3 回复有任何疑惑可以回复我~

收起回答

鸣人4245949

死记虽然是个办法，，但我还是想问一下，你现在理解了不？

2016-12-26 回复有任何疑惑可以回复我~

老友丶
2016-11-21

绝对定位的参照物是最近的一个已经定位的父辈或祖辈元素（如果没有则是HTML），所以使用你说的那种方法也可以。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1230665 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

3 回答参照定位的元素必须加入position:relative;

2 回答照定位的元素必须加入position:relative？

3 回答参照元素必须加入position:relative ??

2 回答参照定位的元素为什么必须加入position:relative; 呢?

5 回答绝对定位必须遵守以下规范，1、参照定位的元素必须是相对定位元素的前辈元素，2、参照定位的元素必须加入position:relative;

搜索更多本课相关问答

为何参照定位的元素必须加入position:relative;

我要回答关注问题

热搜

最近搜索清空

为何参照定位的元素必须加入position:relative;

5 回答

本课相似问答

为何参照定位的元素必须加入position:relative;