css层相对定位参照点问题

发布网友发布时间：2022-06-18 02:33

共2个回答

热心网友时间：2023-11-24 03:56

你把相对定位弄反了，relative是绝对，absolute是相对
<div style="position:relative; background-color:#000000; width:600px; height:300px;">
<div style="position:absolute; top:25px; background-color:#FFFFFF; width:100px; height:30px;">小层1</div>
<div style="position:absolute; top:50px; background-color:#999999; width:100px; height:30px;">小层2</div>
</div>

小层1相对于大层 TOP：25
小层2相对于大层 TOP：50
如果要他们重叠则小层2的 TOP 为25

还有 MARGIN-TOP 是跟FLOAT配套使用的你用的是position 那就应该用TOP

<div style="width:300px; height:30px; float:left;">
<div style="width:200px; height:25px; float:left; margin-left:50px; margin-top:3px;">层1</div>
</div>

float 定位的使用方法层1相对于大层定位；margin-left：50px 相对于左偏移50px;

relative 是用于大层的小层用absolute 就可以相对于大层定位了如果要调整就用top left right bottom 调整上左右下相对于大层的距离

大层用relative 里面的层用absolute 要调整相对距离用top left right bottom 你看了我举的例子没？

热心网友时间：2023-11-24 03:56

绝对定位是相对于父对象的，而相对定位是相对于上层对象，两者明显区别。