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

关于定位元素上下左右设置的参照标准是父元素的顶端还是低端

为什么在#box4设置top:50px;和left:60px;时会和box3的盒子重合   

  到底在设置定位元素的top,bottom,lleft,right是以BOX的顶端位参照物还是BOX3的低端 

为什么在不设置定位元素的top和bottom这些的时候box4是在box3下面

提问者:楷123 2017-03-10 15:55

个回答

  • 慕粉1624099318
    2017-03-28 16:41:09
    已采纳

    top相对于box3上端,left相对于左端,right相对于右端,bottom相对于底端

  • 楷123
    2017-03-10 19:40:26

    当在#box4{position:absolute; top:20px;left:100px;}这样时box4和box3有重叠的部分。而且好像box4的相对于box3的顶部来参照的好像

  • 慕粉1434067948
    2017-03-10 16:20:01

    刚试了下,并没有重合 啊,box4是相对于box3的整个为参照物的,并不存在那边,你只需设置其中两个相对位置即可。像任务中距底端0px,自然与底部重合。

  • 慕粉3539625
    2017-03-10 16:16:50

    以box3为父(前辈)元素设置相对定位,作为参照物;box4设置为固定定位,那么是box4应该在box3的右下方;(top:50px; left:60px; )

  • 沐沐33
    2017-03-10 16:13:38

    要看参考