CSS/XHTML:当高度设置为100%时,具有相同高度的左浮动div

CSS/XHTML:当高度设置为100%时,具有相同高度的左浮动div,html,height,floating,equals,Html,Height,Floating,Equals,我有几个左浮动的浮动div元素。它们都有100%的高度。其中一个DIV超过了视图端口的高度,而另一个DIV的大小没有调整到父DIV的100%,父DIV具有相对设置的位置(在我的操作中应该是这样) 除了显示表格、表格行、表格单元解决方案外,是否有其他方法使所有div都达到视口的100%,如果需要更高,则将其他div拉伸到父div的100%,该父div被增加的div拉伸 怎么做?:) 谢谢。我没有完全理解你的问题。请查看以下代码: <html> <body> <div

我有几个左浮动的浮动
div
元素。它们都有100%的高度。其中一个DIV超过了视图端口的高度,而另一个DIV的大小没有调整到父DIV的100%,父DIV具有相对设置的位置(在我的操作中应该是这样)

除了显示表格、表格行、表格单元解决方案外,是否有其他方法使所有div都达到视口的100%,如果需要更高,则将其他div拉伸到父div的100%,该父div被增加的div拉伸

怎么做?:)


谢谢。

我没有完全理解你的问题。请查看以下代码:

<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>

哞
boo
coo
doo
goo
boo
coo
doo
goo 福
如您所见,中心DIV的高度超过50px,因此外部DIV(具有相对位置)与其他内部DIV一起拉伸


这不适合你吗?

我没有完全理解你的问题。请看一下以下代码:

<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>

哞
boo
coo
doo
goo
boo
coo
doo
goo 福
如您所见,中心DIV的高度超过50px,因此外部DIV(具有相对位置)与其他内部DIV一起拉伸


这不适合你吗?

如果我错了,请纠正我,但似乎你想要等高浮动柱。对此的解释可能相当复杂,因此我将向您指出几个示例

试一试



如果我错了,请纠正我,但您似乎想要等高浮动柱。对此的解释可能相当复杂,因此我将向您指出几个示例

试一试



在符合标准的浏览器中,您的代码不起作用。但它似乎在IE中起作用。嗨,如果你把html和body元素的高度增加到100%,它就起作用了。但我遇到的问题是,其中一个div由于内容超过100%高度设置而扩展。我希望所有div都达到100%或更高,如果其中一个扩展超过该值。在符合标准的浏览器中,您的代码不起作用。但它似乎在IE中起作用。嗨,如果你把html和body元素的高度增加到100%,它就起作用了。但我遇到的问题是,其中一个div由于内容超过100%高度设置而扩展。我希望所有的div都能达到100%甚至更高,如果其中一个超过了这一水平。我会看看这些,然后再回来。:)我会看看这些,然后再回来。:)