与同样高度的两个div

经过一小时的研究，我仍然坚持我的问题。与同样高度的两个div

我想用固定宽度和可变高度在左侧制作一个菜单。另一个div在右侧，宽度和高度可变。

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

这就是：Code HTML/CSS

来源

2011-05-04 kevinooo

您是否尝试在它们上设置高度属性？ – 2011-05-04 21:36:07

我终于找到了solution。通过使用一些css表的东西（显示：表行，显示：表格单元格等）。

来源

2011-05-06 10:09:51 kevinooo

事情是这样的：请注意，您可以用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

来源

2011-05-04 21:38:11

嗡嗡声，关键是，这两个div必须在高度flotant ... – kevinooo 2011-05-04 21:45:41

@aujoul_k不知道你的意思是flotant – 2011-05-04 21:56:05

高度必须是变量 – kevinooo 2011-05-04 21:57:15

检查这里的例子：DEMO

基本上，给出一个固定高度的“容器”，并溢出：隐藏。也给那个高度的“导航”

来源

2011-05-04 21:42:00

它工作正常，但两个div必须有一个可变高度... – kevinooo 2011-05-04 21:52:43

可变高度因为你想适应不同大小的图像？ – 2011-05-04 22:17:54

您可以使用JS以编程方式更改高度..但不是一个好的练习 – 2011-05-04 22:21:39

这个工程。你可以设置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>

来源

2011-05-04 22:30:34 Jimmy

这不是我想要做的，两个div必须具有相同的高度。你的答案的例子：http://jsfiddle.net/vpWYL/ – kevinooo 2011-05-04 22:52:03

与同样高度的两个div

回答

相关问题