Html CSS自动扩展表格的宽度

我正在建立一个网站，我需要这样的布局：

+---+--------------+
|#  |              |
|n  | #page        |
|a  | table.basic  |
|i  |              |
|g  |              |
|a  |              |
|t  |              |
|i  |              |
|o  +--------------+
|n  | #pagination  |
+---+--------------+

以下是HTML和CSS：

#导航{
浮动：左；
宽度：150px；/*固定尺寸*/
最小高度：100%；
保证金：0；
填充：0.2em；
}
#页面{
浮动：左；
宽度：自动；/*自动大小。此处需要更改某些内容*/
左：2米；
垂直对齐：顶部；
}
#分页{
字体大小：1.3em；
位置：相对位置；
明确：两者皆有；
填充：0.5em；
文本对齐：居中；
}
表3.1基本tr th，
表3.1基本tr td{
/*或者在这里换点东西*/
边框：2倍实心#000000；
字体大小：粗体；
利润率：1米0；
填充：1em；
}

显示导航
身份证件
文本
1.
长久之计
显示分页

#page

不需要浮动，但需要处理浮动导航

经典而简单的方法是使用overflow:hidden；。这将更改块格式化上下文

div{/*demo-purpose*/border:solid；}
#航行{
浮动：左；
宽度：150px；/*固定尺寸*/
最小高度：100%；
保证金：0；
填充：0.2em；
}
#页面{
溢出：隐藏；
左：2米；
垂直对齐：顶部；
}
#分页{
字体大小：1.3em；
位置：相对位置；
明确：两者皆有；
填充：0.5em；
文本对齐：居中；
}
表3.1基本tr th，
表3.1基本tr td{
/*或者在这里换点东西*/
边框：2倍实心#000000；
字体大小：粗体；
利润率：1米0；
填充：1em；
}

显示导航
身份证件
文本
1.
长久之计
显示分页

您是否尝试过宽度：计算（100%-150px）？或者

calc（100%-150px-2em-2em）

？请注意正确编写css注释（我已经编辑过了）：）它非常接近我需要的内容。但是它没有扩展宽度，而是打破了表格中的字符串以适应屏幕。我需要页面扩展宽度，使行保持一行，知道吗？@NobleDinasaur nop，不知道你的意思？？一行，什么地方，当我看到一个2列布局？？