关于定位元素上下左右设置的参照标准是父元素的顶端还是低端
来源：13-9 Relative与Absolute组合使用
楷123
2017-03-10 15:55
为什么在#box4设置top：50px；和left：60px；时会和box3的盒子重合
到底在设置定位元素的top,bottom,lleft,right是以BOX的顶端位参照物还是BOX3的低端
为什么在不设置定位元素的top和bottom这些的时候box4是在box3下面
写回答
关注
5回答
-
- 慕粉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
要看参考
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225812 学习 · 18234 问题
相似问题