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

来源:13-9 Relative与Absolute组合使用

慕凌风

2015-12-16 19:33

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

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

写回答 关注

3回答

  • 迷途的马尔斯
    2015-12-16 19:46:27
    已采纳

    也行。。。你看着好像行而已吧。。。你仔细看,实际距离已经发生变化的了。

    • 搞清楚这一点,absolute是绝对定位,是脱离文本流的,relative并没有脱离文本流,你把box3设置为相对定位,把box4设置为绝对定位,box4就会浮在box3那一层的上面了,然后是相对于body(即浏览器窗口)来定位的了

    迷途的马尔斯 回复慕凌风

    O(∩_∩)O哈哈~

    2015-12-16 22:53:13

    共 2 条回复 >

  • echo_kinchao
    2015-12-17 10:05:57

    可以的 反正都是相对于的

  • 苜夙
    2015-12-16 19:47:38

    1、哪个元素ralative,就根据那个元素为参照移动。所以你倒过来写,偏移就是负数。

    2、父元素写绝对,不影响后续模块,反之,子元素会占位,即子元素原来的位置会出现空白。

    慕凌风

    谢谢,明白了

    2015-12-16 21:23:52

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

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

1225309 学习 · 18230 问题

查看课程

相似问题