怎么用CSS+DIV样式同步左右两个DIV的高度？

2024-11-02 07:38:03

推荐回答（5个）

回答1：

LZ 我知道你想干甚麼… 那个在 CSS 是做不到的
必须有 JS 帮助，我平常都自己则嫌写 function，下面给你一个 eqHeight() 的 JQuery 函烂数数给你用呗

先你把两个浮动的 div 加上同一个 class

...

$(document).ready(function() {
$.fn.eqHeight = function(minH, maxH) {
var tallest = minH || 0;
this.each(function() {
if ($(this).height() > tallest) {
tallest = $(this).height();
}
});
if ((maxH) && tallest > maxH) tallest = maxH;
return this.each(function() {
$(this).height(tallest);
});
});

$('.floating').eqHeight(); // 这句就是呼唤 eqHeight 函数，把你两个

弄到同一最孙历手高度
});

回答2：

需要在外部加个div，然后设置宽、扒举困春念溢出答桐隐藏，不设置高；

里面的2个div除浮动、宽外同时加上padding-bottom:2000px;margin-bottom:-2000px;overflow:hidden就可以了

当然2000这个数值你可以改大或小，具体效果自己测试下就ok了

回答3：

就凯数大是2个div一样高吗? 没其他的要求盯竖了? 在CSS中写入.div1,.div2{height:XX px;} <------XX为你要的DIV的毕唤高度~ 2个DIV一样的！

回答4：

设置一个class样式
将这两个div的class都设敬蔽置为模稿备上述旦毁样式。

回答5：

不考虑IE6的情况下用min-height:？px; IE6不支持这个