有大量的 CSS 列布局信息，但这一切似乎都依赖于至少某些具有固定宽度（或百分比）的列，其他列可以以此为基础。
我想要完成的是三列布局，左列和右列的宽度可变（它们可以包含任何内容），但分别固定在左侧和右侧。然后中心柱应该扩展以占据它们之间的任何剩余空间。 IE。如果右列没有任何内容，则中心列将扩展到屏幕右侧。
这是一个快速商店来演示：
如果您不介意将中心元素放在左列和右列之后，您可以执行以下操作：
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
只需浮动侧面元素，对于中间元素只需添加溢出（可以是hidden or scroll).
.left {
float: left;
}
.right {
float: right;
}
.center {
overflow: hidden;
}
这是小提琴：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
