Div列像表格列

Question

我有三列，分别是div s表格单元格，一个在左边，一个在中间，一个在右边。侧面的div具有固定的宽度，这使得它们不动。在一个包含三列的HTML表格中，当左侧或右侧的列表被移除时，非静态的列表通常会花费自己填充该区域。我需要用div来做到这一点。

我已经尝试在中间列中添加左右列，并为每个列设置浮动属性，但无法估计内容的长度。因此，如果内容太长，则文本被放置在其他列的底部。我也尝试了显示属性将其呈现为表列。它按预期工作。然而，它并不是真正的跨浏览器兼容性，并导致了我这样的问题。

有没有办法通过设置一些CSS设置来实现这一点，以便我的非固定列自行消除，如果我删除一个固定的div s？我试图避免使用JavaScript，除非必须。

Answer 1

你试过将一个宽度到中间的div，像这样：

<div id="wrapper" style="clear:both;"> 
    <div id="left" style="width:50px; float: left;"></div> 
    <div id="center" style="width:100%;"></div> 
    <div id="right" style="width:50px; float: right;"></div> 
</div> 

这应该使中心格填写任何遗留的空间