CSS如何获得相同的高度？

我的HTML：CSS如何获得相同的高度？

<div id="wrap"> 
<div id="main"> 
<div id="rightmain"> 
      <h1>asdasdasdasd</h1> 
      <h1>asdasdasdasd</h1> 
      <h1>asdasdasdasd</h1> 
      <h1>asdasdasdasd</h1> 
      <h1>asdasdasdasd</h1> 
      <h1>asdasdasdasd</h1> 

</div> 
<div id="leftmain"> 
    <div style=" background:blue;height:20px;width:190px;border:1px solid black;display:block;"> 
     <h1>asdasdasdasd</h1> 
    </div> 
</div> 
    </div>

CSS：

#main {position: relative;} 
#rightmain { float: right; 
    width: 768px;border:1px solid black;} 
#leftmain { position: relative; 
    width: 160px;} 

#wrap { position: relative; 
    width: 960px;}

这里是我的jsfiddle：http://jsfiddle.net/buyC9/51/

如何获得#leftmain DIV作为#rightmain div的相同的8？

#rightmain div的高度因此而不同，因此我无法将高度定义为示例400px。

来源

2012-01-21 Rails beginner

只需添加一个表格。内部表格定义您的div。 – NewUser

我在#rightmain中有一个表。不想要表格布局] –

要设置在同一高度都使用.height（）jQuery中。

if ($('#leftmain').height() > $('#rightmain').height()) { 
    $('#rightmain').height($('$leftmain').height()); 
} else { 
    $('#leftmain').height($('#rightmain').height()); 
}

这样，即使左边的长度看起来比右边的长度长，也总是会有相同的高度。

来源

2012-01-21 16:40:07

您可以使用表格。或JavaScript。

JS示例（使用jQuery）：

$(function(){ 
    var rightMainHeight = $('#rightmain').height(); 
    $('#leftmain').height(rightMainHeight); 
});

来源

2012-01-21 16:27:04 maxedison

你会怎么用Javascript做到这一点？ –

我用一个例子编辑了我的帖子。 – maxedison

为什么这不起作用> http://jsfiddle.net/buyC9/61/ –

我think..It可能使用jQuery，而更像如下容易 >

$（函数（）{

 var h = $('#rightmain').height(); 
     $('#leftmain').css("height", h); 
    });

来源

2012-01-21 16:54:55 iChirag

尝试了这一点：

var maxHeight = 0; 

$('.col').each(function() { 
    if($(this).height() > maxHeight) { 
     maxHeight = $(this).height(); 
    }; 
}); 

$('.col').height(maxHeight);

看这个小提琴为例：http://jsfiddle.net/buyC9/51/

来源

2012-01-21 17:07:39 indiche

CSS如何获得相同的高度？

回答

相关问题