Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 浏览器自动设置内容div的高度_Html_Css - Fatal编程技术网

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

Html 浏览器自动设置内容div的高度,html,css,Html,Css,我已经使用wordpress生成了一个站点。本网站各页面的内容包含在一个div中,如下所示: <div id="content"> <!-- content --> </div> 当我查看这个来源时,我看到了它的反映。但是,如果使用chrome检查内容元素,我会看到在div样式中插入了一个高度。我明白了: <div id="content" style="height: 702px;"> 高度是我的浏览器窗口的高度。我遇到的问题是con

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

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