Html 浏览器自动设置内容div的高度
我已经使用wordpress生成了一个站点。本网站各页面的内容包含在一个div中,如下所示:Html 浏览器自动设置内容div的高度,html,css,Html,Css,我已经使用wordpress生成了一个站点。本网站各页面的内容包含在一个div中,如下所示: <div id="content"> <!-- content --> </div> 当我查看这个来源时,我看到了它的反映。但是,如果使用chrome检查内容元素,我会看到在div样式中插入了一个高度。我明白了: <div id="content" style="height: 702px;"> 高度是我的浏览器窗口的高度。我遇到的问题是con
<div id="content">
<!-- content -->
</div>
当我查看这个来源时,我看到了它的反映。但是,如果使用chrome检查内容元素,我会看到在div样式中插入了一个高度。我明白了:
<div id="content" style="height: 702px;">
高度是我的浏览器窗口的高度。我遇到的问题是content div不再封装其内容(例如,content div具有背景样式,并且该背景样式不再延伸到浏览器定义的高度以下)
有人能告诉我如何防止浏览器设置高度吗?感谢Kevin Butcher和其他评论者指出这一点。高度是由一段javascript(height.js,你相信吗)插入的。因此,它在检查元素时可见,但在查看源时不可见
@chchrist提供了一个解决方法(在div中添加一个height:auto!important属性),同时我想如何从wordpress中删除脚本。如果
702
是您的视口高度,我猜是有一些JavaScript在这样做。(高度怀疑JS,IMO,因为正确的方法是添加style=“height:702px”
)也许可以尝试向css添加高度,看看会发生什么。如果它被覆盖,那么可以肯定的是js正如kevin所说的如果它是js,解决它的唯一方法就是更改.js或使用!在css中,覆盖内联样式非常重要。@MM我们可以看到您的wordpress站点有url吗?请尝试高度:自动!虽然这不是一个好的做法,但很重要
<div id="content" style="height: 702px;">