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

Question

我正在尝试将类名为“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

Answer 1

您的脚本和样式大致正在做他们应该做的事情，但问题是将.adsense元素置于.publish-info内的javascript函数在adsense div可用之前运行。

既然您正在使用jQuery，我建议您将window.onload更改为：

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

看看是否有帮助。