根据其中的元素更改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：两者如何？ 你能帮助我吗，我不知道如何使用jquery检查div中的元素。我知道包含字符串值的作品吗？

Answer 1

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

Answer 2

好吧，你可以在CSS中使用:empty选择器：

.PageHeaderDescription:empty {display: none;}

Answer 3

您可以使用css height: auto

div.PageHeaderDescription {height: auto}