如何使DIV自動調整寬度和高度？

我要標註3個的DIV，然後我寫了下面的代碼，但它不工作：如何使DIV自動調整寬度和高度？

<table> 
<tr> 
    <td> 
    <tr><div id="leftUpDiv" style="width:20%;height:50%;border:1px solid gray"></div></tr> 
    <tr><div id="leftDownDiv" style="width:20%;height:50%;border:1px solid gray"></div></tr> 
    </td> 
    <td> 
    <div id="rightDiv" style="width:80%;height:100%;border:1px solid gray"></div> 
    </td> 
</tr> 
</table>

但是，如果我改變百分比爲數字（20％ - > 200; 50％ - > 500 ; 80％ - > 800; 100％ - > 1000），它工作。

我的問題是：如何更改代碼，所以Divs可以用上面的百分比標記？

來源

2011-05-11 pengdu

嘗試投入'' 在div的內部文本區... – 2011-05-11 06:44:07

你真的需要擺在首位的表？如果不是完全拋棄它們並使用css。 – Krimo 2011-05-11 07:08:47

@Naveed Butt：不起作用。 – pengdu 2011-05-11 07:08:47

div的默認情況下會使用100％的寬度和100％的高度。如果沒有在那裏，那麼100％的高度= 0px。也應該修復你的表格格式。它甚至不應該那樣工作。

CSS：

td{ 
border:1px solid red; 
}

HTML：

<table> 
<tr> 
    <td><div id="leftUpDiv"></div></td> 
    <td><div id="leftDownDiv"></div></td> 
</tr> 
<tr> 
    <td colspan="2"> 
    <div id="rightDiv"></div> 
    </td> 
</tr> 
</table>

來源

2011-05-11 06:52:34 robx

謝謝！但是如果我的要求是這樣的話：即使沒有DIV，它也應該佔據屏幕的百分比。順便說一下，DIV的內容將在稍後通過javascript填充。 – pengdu 2011-05-11 07:07:55

然後你必須設計表格的樣式，td取100％的寬度，高度，然後設置div的樣式來佔據你設置表格的任何高度。 – robx 2011-05-11 14:22:59

如何使DIV自動調整寬度和高度？

回答

相關問題