javascript - 根据其中的元素更改 div 的高度

Question

基本上，如果 div.PageheaderDescription 包含 NO img 和 NO div#cat-text 那么我希望高度为 0px，所以没有一个空白。

这是我的 CSS:

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

这是 CSS 路径:

html body div#Container div#Content div.PageHeaderDescription

下面是HTML

<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>

使用 jquery 是最好的方法还是我可以使用 clear:both 一些如何？ 你能帮我吗，我不确定如何使用 jquery 检查 div 中的元素。我知道包含字符串值的作品？

Answer 1

为什么不直接将“max-height”设置为 320px。这样 div 将默认为 0 高度，但如有必要将扩展到最大 320px 高度。