與同樣高度的兩個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

回答

相關問題