html - 当 div 上有浮动时，如何让 div 填充其包装器的高度？

Question

我正在尝试从头开始构建响应式设计并使用 jsfiddle 进行一些测试。我有两个固定宽度的外列和一个占据中间剩余宽度的中心列。我一辈子都无法让外列扩展以填充它们所在的包装器的高度。我认为这可能与我如何让中间 div 占据中心空间有关（把它放在右边div 按顺序添加，然后添加溢出：隐藏）。

我尝试使用带有 clear:both 的 div 清除浮动，还尝试将 overflow:hidden 添加到包装器中。

任何帮助将非常感激！

score 1 · Accepted Answer

不要使用浮点数。您可以通过左右绝对位置保持响应：

score 0 · Accepted Answer

将此样式应用于侧列在 Safari、Chrome 和 FF 中有效，即使在 jsfiddle 中似乎不起作用，如果您需要它，还会保留浮动：

.side_col {
width: 200px;
background-color: red;
height: 100%;

}

2 回答 2