div 내에서 요소를 기준으로 높이 변경

Question

기본적으로 div.PageheaderDescription에는 NO img 및 NO div#cat-text이 포함되어 있는데 높이가 0px가되도록 공백이 없습니다.

다음

html body div#Container div#Content div.PageHeaderDescription 

이

<div class="PageHeaderDescription"> 
    <img border="0" src="images/Category/large/22.png" class="c1" /> 

    <div id="cat-text" class="c2"> 
     <table> 
     <tbody> 
      <tr> 
      <td> 
       <h1>1 Person</h1> 
      </td> 

      <td><span>test</span></td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 
    </div> 

가 USI되는 HTML을 수 있습니다 :

.PageHeaderDescription { 
    height: 320px; 
    position: relative; 
    width: 99%; 
} 

이것은 CSS 경로입니다 : 여기

내 CSS입니다 ng jquery 최선의 방법 또는 내가 사용할 수있는 명확 : 둘 다 어떻게? jquery를 사용하여 div에있는 요소를 확인하는 방법을 잘 모르겠습니다. 문자열 값에 대한 작업이 포함되어 있습니다.

Answer 1

당신은 CSS를 height: auto

div.PageHeaderDescription {height: auto} 

Answer 2

"최대 높이"를 320px로 설정하는 것이 좋습니다. 그런 식으로 div는 기본적으로 0 높이가되지만 필요한 경우 최대 320px 높이로 확장됩니다.

Answer 3

글쎄, 당신은 CSS에 :empty 선택을 사용할 수

이

.PageHeaderDescription:empty {display: none;}