无法更改div的高度jQuery的

<div id="wraptop"> 
<img id="imgtop" src="imgtop/01.jpg" alt="img"> 
<div id="divcenter"> 
... 
</div> 
</div>

CSS无法更改div的高度jQuery的

#divcenter{ 
    position:absolute; 
    z-index:1; 
    width:50%; 
    left:25%; 
    top:25px; 
}

$(window).load(function() { 
    var a = $("#imgtop").height() - 30; 
    alert (a); // 637 
    $("#divcenter").css("height", a + "px"); //doesn't work 
    var b = $("#divcenter").height(); 
    alert (b); // doesn't work 
});

的divcenter高度不会改变。
另外，第一次警报有效，但第二次警报不起作用。
控制台是空的。

有什么想法？

来源

2015-12-07 bonaca

它看起来像你试图通过黑客一起在javascript修复以补偿你的HTML结构/ CSS的缺点，我建议采取几个步骤，并尝试找到一个合适的纯CSS解决方案 – andrew

我试过用jsfiddle，它工作正常https://jsfiddle.net/xba8k99m/ – OdaYukimura

@andrew，我几乎可以肯定没有纯粹的CSS解决方案来调整绝对定位的div的高度作为相对有利位置的父母的百分比。 – bonaca

试试这个

$(window).load(function() { 
var a = $("#imgtop").height() - 30; 
alert (a); // 637 
$("#divcenter").css({"height": a }); //doesn't work 
var b = $("#divcenter").height(); 
alert (b); // doesn't work 
});

来源

2015-12-07 13:51:42

你改变了什么？你能解释一下你的答案吗？ – OdaYukimura

我添加了{}围绕CSS，而不是，使用：是它工作吗？ –

你真的接受了“一点点”的字面意思，你不是 – andrew

无法更改div的高度jQuery的

回答

相关问题