html - 浏览器自动设置内容div的高度

Question

我已经使用 wordpress 生成了一个站点。网站页面的内容包含在 div 中，如下所示:

<div id="content">
  <!-- content -->
</div>

作为引用，这里是 css 规则:

#content {
  background: white url('images/hatch-light.png') repeat;
  box-shadow: 0px 0px 2px #333;
  -moz-box-shadow: 0px 0px 2px #333333;
  -webkit-box-shadow: 0px 0px 2px #333;
  width: 760px;
  position: absolute;
  left: 200px;
  z-index: 15;
}

当我查看此来源时，我看到了这一点。但是，如果我检查内容元素时使用 chrome，我会看到在 div 样式中插入了一个高度。我明白了:

<div id="content" style="height: 702px;">

高度是我的浏览器窗口的高度。我遇到的问题是内容 div 不再封装它的内容(例如，内容 div 具有背景样式，并且此背景样式不再延伸到浏览器定义的高度以下)。

谁能告诉我如何防止浏览器设置高度？

Answer 1

感谢 Kevin Butcher 和其他评论者指出这一点。高度是由一段 javascript(height.js，你相信吗)插入的。因此，它在检查元素时可见，但在查看源代码时不可见。

@chchrist 提供了一个解决方法(向 div 添加一个 height:auto!important 属性)，同时我弄清楚如何从 wordpress 中删除脚本。