分割html页面，用一个最小高度的顶部面板、一个固定宽度的左面板和一个固定宽度的右面板填充所有窗口

如何划分html页面，用一个最小高度的顶部面板、一个固定宽度的左面板和右面板填充所有窗口

我尝试了如下操作，但右侧面板的速度超过了100px。如果我拆下顶部收割台，它会工作。此外，使用

height:100%

是不正确的，因为顶部收割台也占用了一些空间

顶部
左边
正确的

如果您决定使用表格进行布局，以下内容可能有助于解决您的具体问题

目前，您正在指定最上面一行的宽度应为可用宽度的100%。在这种情况下，它将采用可用的页面宽度，而不是表的宽度

要更正，只需删除顶行上的

宽度：100%

，并允许下面的行根据

左侧

和

右侧

列上的设置定义表格的宽度：

顶部
左边
正确的

如果您决定使用表格进行布局，以下内容可能有助于解决您的具体问题

目前，您正在指定最上面一行的宽度应为可用宽度的100%。在这种情况下，它将采用可用的页面宽度，而不是表的宽度

要更正，只需删除顶行上的

宽度：100%

，并允许下面的行根据

左侧

和

右侧

列上的设置定义表格的宽度：

顶部
左边
正确的

您希望这种布局会发生什么？我假设您希望

顶部
行填充表格宽度的100%，而不是屏幕宽度？设置
width:100%
会导致它填充当前可用的宽度。使用表格进行布局是非常老派的做法。有更好的选择-你希望这个布局会发生什么？我假设您希望
顶部
行填充表格宽度的100%，而不是屏幕宽度？设置
width:100%
会导致它填充当前可用的宽度。使用表格进行布局是非常老派的做法。有更好的选择-谢谢，这解决了问题。但我还是不明白为什么。你说“它将采用可用的页面宽度，而不是表格的宽度。”。页面宽度和表格宽度应该相同，因为我设置了
。谢谢，这解决了问题。但我还是不明白为什么。你说“它将采用可用的页面宽度，而不是表格的宽度。”。页面的宽度和表格的宽度应该相同，正如我设置的
。