问答详情
源自:13-9 Relative与Absolute组合使用

有没有bottom的区别

如果没有加bottom,box4为什么不在box3内?我理解的是,如果不加bottom:0,那么box4应该在box3内的,对于的位置就是默认的左上角,请大神告知我原因。

572eea8200012b6105000207.jpg

572eea820001598605000244.jpg


提问者:精慕门4438460 2016-05-08 15:28

个回答

  • 不可言语的沉默
    2016-05-08 15:58:18
    已采纳

    首先:div4肯定是”应该“在div3内的。

    div4没有在div3里面的原因:div3的宽高是200px,200px;然后div3里面先是有一个<img>,而这个img的宽高,你可以打开url看下,正好就是200*200。这就意味着,img正好把div3占满了。

    这个时候,div4出来了,但是因为div是块状元素,它要另起一行,所以它必须在img的下面,img的下面是什么呢?img的下面就div3的底部,所以,div4就只能在div3的底部了。 

    如果,你把img的heigth设置为150px,然后再看,你就会发现div4会出现在div3中img下面的左下方。


    最后,如果你设置了相对位置,把div3作为参照,然后设置div4的bottom为0,差不多就是让div4浮动起来,让div4在显示的时候有一种浮动定位效果。

  • 骨灰拌粉
    2016-05-08 15:47:09

    div是块级元素,当你不做任何样式时默认自己占一行

  • weibo_山寨图夫
    2016-05-08 15:40:20

    块级元素,流动模型各占一行,与子父级没关系,我是这样理解的不知道对不,我也是刚开始学前端