Question

我正在尝试制作两个高度相同的div。

<div id="grey"></div>
<div id="pink"></div>

#grey{
    background-color: grey;
    height: 300px;
    width: 50%;
    float: left;
}
#pink{
    background-color: pink;
    height: 500px;
    width: 50%;
    float: left;
}

var g = $( '#grey' ).height();
var p = $( '#pink' ).height();
g = p;

警告（g） - 告诉我#grey的高度为500但在浏览器中两个div都有不同的大小。有什么不对的，我怎么能把这两个div同样高兴呢？

Answer 1

摆脱g=p，这就像写$( '#grey' ).height() = $( '#pink' ).height()一样毫无意义，而是使用：

$( '#grey' ).height(p);

<强> jsFiddle example

Answer 2

看看你的CSS，你将灰色div的高度定义为高度：300px;和蓝色高度：500px;

var g = $( '#grey' ).height();
var p = $( '#pink' ).height();
g = p;

在最后一行中，您将p的值分配给g。因为粉红色的值是500px所以在这个赋值之后g将是500px。因此它显示为500px;

要使相同的高度在css文件中保持相同的height属性

将一个div的高度分配给另一个div

2 个答案: