Question

我有三列，div表示像表格单元格，一列在左侧，一列在中间，一列在右侧。两侧的div具有固定的宽度，使其静止。在具有三列的HTML表格中，当移除左侧或右侧列时，非固定的列通常会消耗它以填充该区域。我需要用div来做到这一点。

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

有没有办法通过设置一些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>

这应该使中心div填写任何剩余空间

Div列，如表格列

1 个答案: