我使用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具有背景样式,并且此背景样式不再延伸到我的浏览器定义的高度以下)。
有人能告诉我如何防止浏览器设置高度吗?
答案 0 :(得分:0)
感谢Kevin Butcher和其他评论者指出这一点。高度是由一段javascript插入的(height.js,你会相信)。因此,它在检查元素时可见,但在查看源时却不可见。