我有<div>我的高度，然后我想为该值添加20个像素来设置另一个padding-top的{{1}}。
<div>它不起作用，但 <div id="system_message" class="lom_system_message_header">
<span style="font-size: 24px">SYSTEM ANNOUNCEMENT</span>
<br>
Blackboard is currently down. We\'re working on it.
</div>
<script type="text/javascript">
var message_height = $("#system_message").height();
var padding = message_height + 20 + "px";
alert(padding);
$("#system_message_spacer").css("padding-top", padding);
</script>
<div id="system_message_spacer"></div>
显示为“82px”。当我在Chrome开发者中尝试alert()时。工具很好。
我在这里缺少什么？
答案 0 :(得分：2)
将您的<script>标记移到元素下方，当您尝试定位它时，它现在不会出现。或者，将其添加到现有代码中：
$(document).ready(function() {
$("#system_message_spacer").css("padding-top", padding);
});