2011-05-25 85 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

相關問題