html - 需要一直创建到div

Question

我打算做一个这样的网站http://watcherboost.com/

所以我想为我的网站创建中间菜单。所以我需要创建一个 div 标签，它始终位于以下背景的顶部:

这是我试过的代码

<form id="form1" runat="server">
  <div>

    <div id="top" style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial">

    </div>

  </div>
</form>
<div style="height: 300px;background-color:	 #0E5D7B; margin-top: 0px;">
</div>

<div style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial">

</div>

<div style="height: 650px; background-color:	 #C2C2C2; margin-top: 0px;">
</div>
<div style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial">

</div>
<div style="height: 300px;background-color:	 #0E5D7B; margin-top: 0px;">
</div>
<div style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial">

</div>

<div id="middle" style="margin-left: 150px;margin-right:150px;margin-top:-250px;background-color:black"></div>

我想让最后一个 div (id =middle) 像上层网站一样始终处于顶部模式。 但不幸的是我的 div (id=middle) 没有显示页面..

请指教如何编辑此代码 谢谢

Answer 1

您的 div 没有显示，因为它不包含任何内容。将 height 属性添加到其内联 CSS。