为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

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

正在回答

5 回答

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

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

楷123 提问者

非常感谢!
2017-04-08 回复 有任何疑惑可以回复我~

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

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

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

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

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

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

要看参考

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

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信