2013-08-01 2 views
1

wordpress를 사용하여 ul 목록을 생성하고 사용자가 생성하는 li 항목에 따라 수직으로 늘어나는 컨테이너 div (배경 텍스처가 있음)를 사용하고 싶습니다. Wordpress.div에 의해 생성 된 내용에 따라 스트레칭되지 않음

코드 :

.black-bg-section { 
background-color:#CCC; 
} 

#departments { 
width:500px; 
} 

<div class="black-bg-section" id="departments"> 
<?php the_block('school-departments')?> 
</div> 

나는 그것이 PHP에 의해 생성 될 수있는 내용으로 뭔가를하는 것 같아요. 이것을 복사하여 새로운 문서에 복사하고 해당 div 안에 목록을 만들면 완벽하게 작동합니다.

이 문제를 해결하는 방법에 대한 도움이 필요하시면 크게 감사하겠습니다.

+0

이것은 PHP에서 생성되는 내용과 아무 관련이 없습니다. php는 서버 측을 실행 한 다음 html을 브라우저로 보냅니다. 그러면 브라우저는 html을 렌더링합니다. – Pitchinnate

+1

Chrome 또는 Firefox에서 HTML 디버그 도구를 사용하여 'ul'의 실제 높이를 확인하십시오. –

+3

브라우저에 HTML 소스 코드를 표시하면 대부분 'float'이고 div가없는 요소가있을 가능성이 큽니다 "clear" – Pitchinnate

답변

0

float: left; 또는 float: right;의 CSS 속성을 가진 div 또는 기타 요소를 찾습니다. 하나 있다면 간단히 다음을 추가하십시오 :

<div class="black-bg-section" id="departments"> 
    <?php the_block('school-departments')?> 
    <div style='clear: left;'></div> <!-- or clear: right if that is what the float is --> 
</div> 
관련 문제