这是我的代码:



.absolute_postion{
  position: absolute;
  border: 1px solid red;
  height: 30px;
  width: 100%;
  clear: both;

}

.other_elements{
  border: 1px solid green;
  height: 30px;
  width: 100%;
}

<div class="wrapper">
  <div class="absolute_postion">foo</div>
  <div class="other_elements">bar</div>
</div>





如您所见,div.other_elementsdiv.absolute_postion下。如何将其放在div.absolute_postion的底部?

最佳答案

top:0赋予.absolute_postion类,将margin-top:30px赋予.other_elements



.absolute_postion{
  position: absolute;
  border: 1px solid red;
  height: 30px;
  width: 100%;
  clear: both;
  top:0;
}

.other_elements{
  border: 1px solid green;
  height: 30px;
  width: 100%;
  margin-top:30px;
}

<div class="wrapper">
  <div class="absolute_postion">foo</div>
  <div class="other_elements">bar</div>
</div>

10-05 20:38
查看更多