Question

我想标记3个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可以用上面的百分比标记？

Answer 1

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>

如何让DIV自动调整宽度和高度？

1 个答案: