Question

我开始学习HTML并且正在使用表来制作一些简单的布局。我知道这是一种相当古老的做事方式，但无论如何都想要了解它们，只是为了获得更好的理解。我目前正在尝试创建一个嵌套表，但我希望填充较大表的剩余区域的表数据元素不会扩展。我简化的html如下：

<!doctype html>
<html>
<head>
    <title>Site</title>
</head>

<body>
    <table width="400" align="center" border="1">
    <tr>
        <td><h1>Site</h1></td>
        <td><img src="diameter.png" height="40" width = auto></td>
    </tr>
    <tr>
        <td colspan="2">
            <table border ="1">
                <tr>
                    <td>Menu List</td>
                    <td>blah</td>
                </tr>

            </table>
        </td>
    <tr>
        <td colspan="2">cell1</td>
    </tr>
    </table>

</body>

我试图用它来改变td以填充其td中的剩余空间，但是当我尝试宽度= 100％时，它只是使高度更高;根本不影响宽度。按像素值更改它可以正常工作，但不会相对于较大的表更新。

造成这种情况的原因是什么？元素是否太靠近了？感谢您的帮助

嵌套表未扩展HTML

0 个答案: