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

Position element relative to another doesn't work

本文关键字：元素 不起作用 位置 相对于 另一个      更新时间：2023-09-26

我正在尝试将类名为"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元素放置在.publish-info中的 JavaScript 函数在 adsensediv 可用之前运行。

由于您无论如何都在使用 jQuery，我建议将window.onload更改为：

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

看看这是否有帮助。

相关文章：