html - 在 CSS 中，如何获得左侧固定宽度的列，右侧表格使用其余宽度？

Question

所以我尝试使用纯 CSS、从不使用表格进行布局的福音，我真的做到了。但在经历了难以置信的痛苦和痛苦之后，我几乎准备放弃了。我愿意付出一些努力来完成 CSS 中的事情，请不要误会我的意思。但是，当看起来一些可以用布局表完成的最简单的事情在 CSS 中完全不可能时，我不在乎概念纯度是否真的开始受到打击。

现在，我好像很生气，我确实很生气；我对我浪费的时间感到愤怒，我对来自 QuarkXpress 背景的人给我无用的固定宽度设计感到愤怒，我对 CSS 的失败 promise 感到愤怒。但我不是要挑起争论；我真的很想知道一个简单问题的答案，这个问题将决定我是再次尝试使用纯 CSS 还是将其混为一谈并在我喜欢的时候使用布局表。因为我不想回到布局表，认为这件事实际上是不可能的。

问题是这样的:有什么方法可以使用纯CSS布局在左边有一列，它是固定宽度的，在它的右边放置一个数据表，并且数据表是否整齐地占据了可用空间的剩余部分？也就是说，通过具有宽度为 100% 且左侧单元格具有固定宽度的双单元格布局表可以轻松实现相同的布局？

Answer 1

<div style="width: 200px;background-color: #FFFFCC; float: left;">
Left column
</div>

<div style="margin-left: 200px; background-color: #CCFFFF">
Right column
</div>

应该这样做(显然实现会根据它在页面中的位置而有所不同，但我认为这就是您正在寻找的概念)。