css - 完美中心的内容栏，附有左右栏

Question

我正在创建一个网页，我需要在 block 的完美中心放置一个内容栏，并在左侧( float :右)和右侧( float :左)两列附加到该内容栏。但是，我希望内容列具有流动大小。

起初我尝试将框列表居中。但是，框的总宽度决定了中间框的位置，如果右框大于左框，则内容框会向左偏移。

然后我找到了一个解决方案，使用表格并强制左右列为 50% 宽度，中间列不允许换行。但是使用表格强制布局总是不好的。

有没有不使用表格的可能解决方案？

*编辑:我过早地决定返回列表，因为它接近我想要的并且是最好的解决方案。似乎我找到了一个带有列表的解决方案，但不是最好的解决方案。使左列和右列固定在相同的宽度、边距和填充上，以便中心列从左列和右列具有正确的偏移量。

Answer 1

此页面可能对您有帮助:

http://www.positioniseverything.net/articles/onetruelayout/