다른 요소를 기준으로 한 위치 요소가 작동하지 않습니다.

클래스 이름이 "publish-info"인 요소의 절반 높이에 클래스 이름 "adsense"로 요소를 배치하려하지만 작동하지 않습니다. 내 템플릿의 html 소스를 편집 할 수 없다는 것을 언급해야합니다.다른 요소를 기준으로 한 위치 요소가 작동하지 않습니다.

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

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

... 그리고 자바 스크립트 :이 코드 시도했습니다

<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 요소를 작성했지만 여기에는 스타일이 없습니다. 그리고 아래에 .ads 요소가 없습니다. 이 문제가 발생할 경우 격리를 위해 jsfiddle을 만들 수 있습니다. – citykid

'.adsense'는'.publish-info'의 자식이 아니므로 상대 위치 지정이 생각하는대로 작동하지 않습니다. 귀하의 코드로'.adsense'가 절대적으로 배치되면 가장 가까운 조상이 50px 아래에 위치하게됩니다. 그리고 조상이 하나도 없다면'body'가 위치 지정을위한 참조가 될 것입니다. – FelipeAls

스크립트와 스타일은 무엇을해야하는지 대략 일을하지만, 문제는 애드 센스 DIV 전에 .publish-info 실행 내부의 .adsense 요소를 배치 자바 스크립트 기능을 사용할 수 있다는 것이다. 어쨌든 jQuery를 사용하고 있기 때문에

, 내가 변화 좋을 것 window.onload에 :이 도움이 있는지 확인

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

출처

2013-10-05 09:14:48

다른 요소를 기준으로 한 위치 요소가 작동하지 않습니다.

답변

관련 문제