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

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

前面老师不是说了absolute的位置跟随么，我就照着老师的第一个例子弄了下，结果就是给了猪头absolute后并没有什么改变，而且就算是使用marginleft来定位的话很麻烦，需要一点点试，如果用了left和top又是飞到框框外面去了，求解

猪脚啦

2016-03-21

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

关注问题我要回答

1648

操作

收起

3 回答

慕神4975613 回答被采纳 +3 积分
2016-03-21

定位的元素需要是父级元素的第一个子元素，这样才可以定位到父元素左上角

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

收起回答

猪脚啦提问者

那酱紫感觉貌似这个例子没啥用处捏

2016-03-22 回复有任何疑惑可以回复我~

猪脚啦提问者

非常感谢！

2016-03-23 回复有任何疑惑可以回复我~

慕粉4116480
2016-10-16

怎么一个讲清楚的都没

无定位的abusolute元素会跟随在DOM顺序前兄弟inline或者inline-block元素后面.没有则会紧挨着父元素的左content边框.
若DOM顺序前为block元素,则无定位的absolute元素会被挤下一行.

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

收起回答

kahoohak

赞一个明白了

2016-10-28 回复有任何疑惑可以回复我~

累人猿
2016-09-08

设置absolute后还需进行偏移参数设置：top:0px;left:0px，这样才会以<html>为偏移基准参照；若只是设置absolute而没有设置偏移参数，则都只是保持在元素的初始位置（即不会移动）

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

收起回答

0/150

提交

取消

CSS深入理解之relative

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

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

进入课程

本课相似问答

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

3 回答relative对于absolute的

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

2 回答在图片上加上文字

1 回答为啥会有页面层级bug啊？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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