相對於另一個元素的位置元素不起作用

我試圖將類元素名稱爲「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

來源

2013-10-05 Pescu Vili

我沒有在您的網站上看到您的'.adsense'元素？ –

我找到了.pubish-info元素，但它沒有這裏的樣式。下面沒有.adsense元素。也許你創建一個jsfiddle來隔離這個問題。 – citykid

'.adsense'不是'.publish-info'的孩子，相對定位不像你認爲的那樣工作。你的代碼'.adsense'被絕對定位的位置將被定位在距離其最近的祖先低50px處。如果沒有它的祖先被定位，那麼'body'將成爲定位的參考 – FelipeAls

你的腳本和樣式大致做他們應該做的事情，但問題是，在AdSense DIV前將您的.publish-info運行裏面的.adsense元素的JavaScript功能可用。

由於您使用jQuery無論如何，我會建議改變window.onload到：

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

看看是否有幫助。

來源

2013-10-05 09:14:48

相對於另一個元素的位置元素不起作用

回答

相關問題