窗口大小 - div内部的td元素 - 滚动条

Question

我有以下html：

<table>
    <tr>
        <td class='tclone' id='clone'></td>
         <td class='loader' id='loader'>
              <div id='tdiv' style="height:630px; width:835px; overflow:auto;"></div>
         </td>
    </tr>
</table>

我在新窗口中打开此HTML，JavaScript将内容附加到tclone和tdiv。 tdiv专门加载图像。我需要给出宽度和高度参数 div因为溢出窗口，溢出参数允许在td内滚动条。此解决方案适用于固定大小的窗口 - 但我想要一种机制，这样当用户调整窗口大小时，div也会扩展 并调整div滚动条以匹配新的窗口大小。

有什么建议吗？

Answer 1

您需要以百分比指定宽度和高度：

<div id='tdiv' style="height:30%; width:30%; overflow:auto;"></div>

您应该调整百分比值。

Answer 2

在表格中设置“table-layout：fixed”。确保table和td宽度基于％。你不应该在div上使用宽度。

如果溢出div的内容未包含在另一个标记中，则需要tdiv周围的包装。

％widths的替代方法是设置min-width和/或max-width属性。