Question

我有一些向左浮动的浮动div元素。他们都有100％的高度。其中一个div超出了视口的高度，而其他DIV没有调整到父DIV的100％，这个DIV具有相对设置的位置（这在我的意见中应该如何工作）。

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

如何？：）

谢谢。

Answer 1

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

尝试

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

Answer 2

我没有完全听从你的问题。看看这段代码：

<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一起被拉伸。

这不适合你吗？

CSS / XHTML：当高度设置为100％时，左浮动DIV具有相等的高度

2 个答案: