我想根据他们的下订单来定位div，但他们没有互相跟随。我希望第二个div跟在它后面的第一个div（向下）。
<a id="download" href="file.txt">download</a>答案 0 :(得分：2)
您只需删除div中 first 的position:relative样式。
<body>
<div id="first" style="display:block;width:20%;height:100px;top:50px;border:2px solid green;">
</div>
<div id="second" style="background-color:lightgrey;position:relative;display:block;width:20%;height:30px;border:1px solid red;">
<div style="position:relative;display:block;">
Hello!
</div>
</div>
</body>
点击此处：https://jsfiddle.net/dnvabqgx/1/
position:relative很重要这种定位可能是最令人困惑和误用的。它的真正含义是“相对于自身”。
如果你在一个元素上设置position: relative;但没有其他定位属性（顶部，左边，底部或右边），它根本不会影响它的位置，它将与你离开时的情况完全一样它为position: static;
但是如果你 DO 给它一些其他的定位属性，比如说，top: 50p; 就像你在第一个div中那样， 它会改变它从正常位置开始向下50像素。
- 阅读所有排名属性here
答案 1 :(得分：0)
回答你的问题，为什么定位：相对重要？＆＃39 ;; position relative将元素移动到正常流程中，允许它使用top，right，bottom和down等偏移属性定位在网页上。