2011-05-25 79 views
1

我有一个网站,我已经继承了,并与CSS有点疯狂。有一个高度为185px的div - 它显示在Computed Styles中,它显然适用于具有相同类的div。但是,高度不会显示在样式表中的任何位置,并且它不会显示在元素检查器中的“应用样式”或“继承自”下。 (请参阅截图。)我需要摆脱高度,因为它会导致截断内容的一些问题(我们不希望使用overflow:scroll,因为页面上有很多这样的div - 每个数据库记录一个 - 并且这是一个可怕的很多滚动条。)这个CSS属性可以在哪里设置?

该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”任何地方都不会存在于服务器上我可以找到。这个“幽灵”风格还能在哪里设置?

enter image description here

+0

您是否在寻找“185”,没有“px”?那么它可能被计算并设置在JavaScript的某个地方呢? – 2011-05-25 20:21:33

+0

div的高度仅为158px,仅占内容的高度。我猜测185px的计算高度是在应用填充,边框和边距之后。 – kei 2011-05-25 20:26:38

+0

@Draco - 是的,我只找到了185,相同的结果 - 不存在。 @kei - 158px是一个错字;我换了数字。它一直是185,我无法找到它被设置的位置。 – EmmyS 2011-05-25 20:37:42

回答

0

看你的CSS,它看起来像“时间”正在利用单位,看着镀铬的元素督察,它显示的单位为“PX”,甚至当我明确地将其列为“时间”。检查'em'中声明的高度值。此外,我建议使用计算样式下方的“样式”下拉列表来确定哪些特定规则可以设置高度。

+0

我会寻找ems,但是我们的样式表中没有任何地方显式设置height属性,而不管它使用的是什么单位。再次,我查看了计算样式下显示的匹配CSS样式。他们都没有高度属性。 – EmmyS 2011-05-25 20:43:23

0

我想说的是,因为“div.search-result”没有声明的高度,它扩展到了“高度”(加上任何填充,边距,边界等)的“ div.image-box“以及其他任何”div.search-result“的后代。

+0

但它不扩大;那就是问题所在。有子元素正在溢出div.search-result。如果要扩大到所有儿童元素的大小,就不会有问题。 – EmmyS 2011-05-25 20:44:10

0

可能的原因:

  1. 高度可能被设置为子元素。检查他们。
  2. 检查是否有其他测量单位,如%,em已被使用。

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

+0

我在原始文章中发布了子元素的样式代码;如果你看,你会发现它们中没有任何高度属性。另外,Chrome的元素检查器中没有CSS选项卡。如果您的意思是匹配的CSS规则,请再次阅读原文。我已经在那里陈述,那里显示的样式都没有高度属性。 – EmmyS 2011-05-25 20:41:52

相关问题