将div放置在另一个固定div的正下方,而不使用绝对位置

时间:2019-03-02 19:05:26

标签: html css

我在顶部有一个固定div,另一个div的位置我想在固定div的下面,但是我不想使用'absolute'位置出于某些原因,为此div(下一个)

我知道这是一个非常愚蠢的问题,但是我尝试增加下div的上边距高度,但是 *使整个身体(包括固定的div)降低*

body {
  margin: 0px;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: red;
  opacity: 0.5;
}

.backdiv {

  width: 100%;
  height: 500px;
  background-color: green;
 
}

b {
  margin-left: 40%;
}
<body>
<div class="fixed"><b>the fixed div</b></div>
<div class="backdiv"><i>the one  that is below the fixed one</i></div>
</body>

0 个答案:

没有答案