Question

经过一个小时的研究，我仍然坚持我的问题。

我想在左边制作一个固定宽度和可变高度的菜单。右边的另一个div有宽度和高度可变。

我想给这两个div增加相同的高度。

这是：Code HTML / CSS

Answer 1

我终于找到了solution。

通过使用一些css表的东西（显示：table-row，display：table-cell etc）。

Answer 2

这样的事情：注意你可以用CSS类替换内联样式我只是这样做，以便很容易看到发生了什么。

<body>
    <div id="leftnav" style="position:absolute; top:0px; left:0px; bottom:0px; width:200px;overflow:auto;"> 
    </div> 
    <div id="content" style="position:absolute; top:0px; left:200px; bottom:0px; right:0px; overflow:auto;"> 
    </div> 
</body>

以下是您可以预览http://jsbin.com/ovami4/edit

的示例

Answer 3

查看此处的示例：DEMO

基本上，给“容器”一个固定的高度并使溢出：隐藏。同时将该高度赋予“nav”

Answer 4

这很有效。您可以设置leftnav的高度。 Rightnav也可以变化，但不要忘记清除：left;在你之后添加内容之前。

<body>
  <div id="leftnav" style="background-color: blue; float: left; width:200px;">       
  </div> 
  <div id="content" style="background-color: red; float: left; width: auto; position: absolute; right: 0px; left: 200px;"> 
  </div> 
</body>

两个高度相同的div

4 个答案: