0

我有一些div向左浮动的浮动元素。它们都有 100% 的高度。其中一个 div 超出了视口的高度，而其他 DIV 的大小不会调整为具有相对设置位置的父 DIV 的 100%（我认为它应该如何工作）。

除了显示表、表行、表单元格解决方案之外，还有其他方法可以使所有 div 成为视口的 100%，如果需要更高，则使其他 div 拉伸到被拉伸的父 div 的 100%通过增加的 div。

如何？:)

谢谢你。

4

2 回答 2

2

如果我错了，请纠正我，但您似乎想要等高的浮动列。对此的解释可能非常复杂，因此我将举几个例子。

尝试

http://thelucid.com/2010/12/03/the-solution-to-fluid-inconsistencies-and-equal-height-columns/
http://matthewjamestaylor.com/blog/equal-height-columns-cross-浏览器-css-no-hacks

于 2011-02-06T22:21:33.023 回答
1

我不完全遵循你的问题。看看这段代码：

<html>
<body>
<div style="height:50px;position:relative">
    <div style="background-color:red; float:right; height:100%">moo</div>
    <div style="background-color:green; float:right; height:100%">boo<br/>coo<br/>doo<br/>goo<br/>boo<br/>coo<br/>doo<br/>goo</div>
    <div style="background-color:blue; float:right; height:100%">foo</div>
</div>
</body>
</html>

如您所见，中心 DIV 的高度超过 50px，因此外部 DIV（具有相对位置）与其他内部 DIV 一起被拉伸。

这不适合你吗？

于 2011-02-06T21:48:26.920 回答