無法更改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的

回答

相關問題