Html 当一个div有一个浮点数时，我如何让它填充它的包装高度？

我试图从头开始构建一个响应性设计，并使用JSFIDLE进行一些测试。我有两个固定宽度的外柱和一个占据中间剩余宽度的中央柱。我一辈子都不能让外柱膨胀到它们所在的包装层的高度。我认为这可能与我如何让中间div占据中心空间有关（按顺序将其放在右div之后，然后添加overflow:hidden）

我尝试过用一个带有clear:的div清除浮动，还尝试过在包装器中添加overflow:hidden

JSFIDLE链接是：

---

任何帮助都将不胜感激

不要使用浮动。您可以通过左、右绝对位置保持灵敏：

---

将此样式应用于侧柱在Safari、Chrome和FF中都可以使用，即使在JSFIDLE中似乎不起作用，如果需要，还可以保留浮动：

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

---

}

谢谢您的回复！我对响应性设计是新手，但我喜欢不使用浮动的想法。绝对定位是否存在任何问题？请记住，父容器也需要定位。如果不是绝对的，那么它需要有

位置：相对的
，否则绝对定位的元素将相对于窗口而不是父容器进行定位。感谢您的输入！我还没有试过。在ie8和之前的版本中似乎存在一些问题。我想将来我不会认为JSFIDLE可以完美地工作。。。新手失误…欢迎来到斯塔克斯利。问题应该包含一些代码。这不仅有助于其他用户了解您的问题是什么，而且更容易识别问题并提出建议。尝试将您的HTML和CSS代码添加到您的问题中，以获得更高的答案。谢谢！我以为我的小提琴也算上了？从现在起，我一定要这样做！你说得对。我匆匆地问了你的问题，没有看到任何代码，所以我认为你没有提供它。我的错误，我道歉。