多个div float，如何让div的高度自动对齐呢？

[mcqun]

一行排三个div
<style>
div{float:left;}
</style>

<div>内容多</div>
<div>内容少</div>
<div>内容多</div>
<div>内容多多</div>
<div>内容少少</div>
<div>内容少</div>

如何让同一行的DIV高度会跟内容最多的div高度保持同一高度，以达到排版不会错乱的目的呢？

[bb0579]

设个高度不就好了？

[mcqun]

[Quote=引用 1 楼 的回复:]

设个高度不就好了？
[/Quote]
高度是不能设定死的，因为DIV内的内容不能确定多少，有可能多有可能少。希望能自适应高度

[strive_game]

<div class="nofloat">
<div>内容多</div>
<div>内容少</div>
<div>内容多</div>
</div>
<div class="nofloat">
<div>内容多多</div>
<div>内容少少</div>
<div>内容少</div>
</div>

<style>
div.nofloat div{
float:left;
padding-bottom:9999px;
margin-bottom:-9999px;
}

div.nofloat{
width:100%;
overflow:hidden;
border:0px;
}
</style>

[gilper]

这个问题刚好前两天遇到了 我找到两种解决方法
我是左右两栏的 你参考一下

方法一：
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>

#main{overflow:hidden;zoom:1;}
#left #right{margin-bottom:-10000px;padding-bottom:10000px;}

方法二：
把背景都定义到main上 left和right无边框

两种我都试过了 没问题 不过我使用第二种
因为第一种网上找的方法 原理不太明白 IE6下出现问题 加zoom:1可以解决

[弘毅致远]

[Quote=引用 4 楼 的回复:]

这个问题刚好前两天遇到了 我找到两种解决方法
我是左右两栏的 你参考一下

方法一：
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>

#main{overflow:hidden;zoom:1;}
#left #right{margin-bottom:-10000px;padding-bo……
[/Quote]
不太明白。

[lisiqi9889]

overflow:hidden;和_zoom:1;是连起来用的，是清除main内部浮动,但是只针对于IE有效！

[d945332077]

[Quote=引用 3 楼 的回复:]

<div class="nofloat">
<div>内容多</div>
<div>内容少</div>
<div>内容多</div>
</div>
<div class="nofloat">
<div>内容多多</div>
<div>内容少少</div>
<div>内容少</div>
</div>

<style>
div.nofloat div{……
[/Quote]
这个方法 可以