我把父元素写成绝对的，子元素写成相对的也行。。。有区别吗

源自：13-9 Relative与Absolute组合使用

我把父元素写成绝对的，子元素写成相对的也行。。。有区别吗

#box3{
    width:200px;
    height:200px;
    position:absolute;
}
#box4{
    width:99%;
    position:relative;
   top:-50px;
    }

我这样设置也行，请问区别在哪

提问者：慕凌风 2015-12-16 19:33

个回答

迷途的马尔斯

2015-12-16 19:46:27

已采纳

也行。。。你看着好像行而已吧。。。你仔细看，实际距离已经发生变化的了。
- 搞清楚这一点，absolute是绝对定位，是脱离文本流的，relative并没有脱离文本流，你把box3设置为相对定位，把box4设置为绝对定位，box4就会浮在box3那一层的上面了，然后是相对于body（即浏览器窗口）来定位的了
0
echo_kinchao

2015-12-17 10:05:57

可以的反正都是相对于的

0
苜夙

2015-12-16 19:47:38

1、哪个元素ralative，就根据那个元素为参照移动。所以你倒过来写，偏移就是负数。
2、父元素写绝对，不影响后续模块，反之，子元素会占位，即子元素原来的位置会出现空白。

2