                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之relative

relative对于absolute的

relative对absolute的限制只能单方向的吗比如left：0 但left：x，x大于父级的width时，还会超出，不是说好的小黑屋吗，怎么屋子就两堵墙？？？

啊哒666

2017-08-31

源自：CSS深入理解之relative 1-1

关注问题我要回答

1368

操作

收起

3 回答

慕莱坞4084846 回答被采纳 +2 积分
2017-09-01

在父元素不使用relative 下。子元素absolute 是相对于body 进行定位。top:0; left:0 位置就在浏览器左上角。

而在父元素使用relative 下。子元素就相对于父元素进行定位了。top:0;left:0; 位置就在父元素左上顶点。

当top || left <0 top >父元素height || left >父元素width 时。子元素有部分或者全部超出父元素。。

你说的关小黑屋是在父元素加relative 下。可以使用 overflow 将子元素超出父元素的部分进行隐藏。。

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

收起回答

啊哒666 提问者

嗯很清楚

2017-09-08 回复有任何疑惑可以回复我~

慕侠1555842
2018-06-10

单独一个div加了相对定位，然后再加绝对定位，并且设置了top 0 left0 图片怎么能跑右边去了

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

收起回答

chendidi
2017-10-05

其实absolute的子元素当left大于父级的width，还是出超出老师在视频中说的那个小黑屋的

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

收起回答

0/150

提交

取消

CSS深入理解之relative

参与学习 47922 人
解答问题 26 个

relative实际使用经验分享，同时分享一些relative实践准则

进入课程

本课相似问答

2 回答怎么会不用relative,relative要配合absolute使用啊，不然子元素会跑出去的啊

1 回答为什么不用relative？

1 回答用relative水平居中

3 回答猪头在absolute的情况下并不会自己移动到左上角

2 回答在做无缝滚动效果时需要绝对定位，这种情况下是给外层relative好一些呢，还是不用呢？

搜索更多本课相关问答

relative对于absolute的

我要回答关注问题

热搜

最近搜索清空

relative对于absolute的

3 回答

本课相似问答

relative对于absolute的