这个CSS属性可以在哪里设置？

Question

我有一个我继承过的网站，我对CSS有点疯狂。有一个高度为185px的div - 它在Computed Styles中显示，并且非常明显地应用于具有相同类的div。但是，高度不会显示在样式表中的任何位置，并且它不会显示在元素检查器中的“应用样式”或“继承自”下。 （见截图。）我需要摆脱高度，因为它会导致截断内容的一些问题（我们不想使用overflow：scroll，因为页面上有很多这些div - 每个数据库记录一个 - 和这是一个非常多的滚动条。）

div类是搜索结果，您可以在右侧窗格中看到高度：185px属性。这是我们在该类的样式表中加上子元素的实际代码：

#content .search-result {
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
padding: 1em 0;
}
#content .search-result .image-box {
float: right;
margin: 0 0 1.5em 30px;
font-size: .75em;
text-align: center;
}
#content .search-result .image-box img {
border: 1px solid #eee;
margin-bottom: .5em;
}
#content .search-result ul {
list-style: none;
margin: 0 0 1em;
}

我还在整个网站安装上运行grep，并且我可以在服务器上的任何地方找不到文本“185px”。还有什么地方可以设置这种“幽灵”风格？

Answer 1

看看你的CSS，它看起来像'em'单元正在使用，它看着chrome的元素检查器，它将单位显示为'px'，即使我明确地将它列为'em'。检查'em'中声明的高度值。另外，我建议使用计算样式下方的“样式”下拉列表来确定哪些特定规则可以设置高度。

Answer 2

在我的头顶，我会说，因为“div.search-result”没有声明的高度，它正在扩展到“div”的高度（加上任何填充，边距，边框等） .image-box“以及其他任何”div.search-result“的后代。

Answer 3

可能的原因：

1. 可以将高度设置为子元素。检查一下。
2. 检查是否使用过任何其他测量单位，例如％，em。

检查计算样式中的css值对您没有帮助。检查CSS选项卡