javascript - 相对于另一个的位置元素不起作用

我正在尝试将具有类名称“ adsense”的元素放置在具有类名称“ publish-info”的元素的一半高度上，但是它不起作用。我应该提到我无法编辑模板的html源。我已经试过这段代码：

.publish-info {
    height: 150px!important;
    position: relative!important;
}

.adsense {
    top: 50px!important;
    position: absolute!important;
}

...和javascript：

<script type='text/javascript'>
    //<![CDATA[
    window.onload = function () {
        $('.publish-info').append($('.adsense'));
    } //]]>
</script>

但这是行不通的。这是我的网站：http://www.musicep.com/2013/07/bt-aqualung-surrounded.html

最佳答案

您的脚本和样式大致上应执行其应做的工作，但是问题是，在adsense div可用之前，将.adsense元素放入.publish-info内的javascript函数会运行。

由于您仍然使用jQuery，因此建议将window.onload更改为：

$(document).ready(function(){
    $('.publish-info').append($('.adsense'));
});

看看是否有帮助。

关于javascript - 相对于另一个的位置元素不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19195898/