浮動高度的問題

-2

我需要並排放置兩個div。第一格應該有恆定的寬度，第二格休息空間。這兩個div應該有相同的高度，但至少應該採取所有瀏覽器屏幕。我寫了下面的代碼：浮動高度的問題

<head id="Head1" runat="server"> 
<title>My Testing page</title> 
    <style type="text/css"> 
    #mainDiv { height:100%;} 
    #leftDiv {float:left; width:200px; height:100%;} 
    #rightDiv { height:100%; } 
    </style> 
</head> 
<body> 
    <div id="mainDiv"> 
     <div id="leftDiv"></div> 
    <div id="rightDiv"></div> 
    </div> 
</body>

但高度合適的div總是設置爲瀏覽器屏幕的100％，即使這個div的含量較大。我想要這些div的可調整高度。

來源

2011-09-18 PsCraft

據我所知height:100%將根據瀏覽器的高度作爲固定的高度。那麼爲什麼你不把

min-height:100%。

這應該工作，但我還沒有測試它自己tbh。

來源

2011-09-19 17:17:27 ahoura

不幸的是最小高度：100％它不起作用。 – PsCraft

你總是可以使用javascript來獲取px中頁面的高度，使用它作爲最小高度值而不是百分比。 – ahoura

浮動高度的問題

回答

相關問題