2016-01-06 46 views
2

當CSS值設置爲「auto」或類似的時候,有沒有辦法找出瀏覽器使用的實際值?我正在查看檢查器中元素的CSS值,但它仍然顯示「auto」,我想確定確切的值。在檢查器中的CSS屬性像「auto」,「inherit」等的實際值?

UPDATE:貌似特性自動計算的,但有些卻沒有。下面是仍然顯示爲「自動」性質的例子,當您在計算機面板看:

  • 頂部
  • 底部
  • 離開

不知道爲什麼。

如果有人想知道,我甚至想弄清楚這個問題的原因是因爲我目前正在維護一個使用舊版Bootstrap(v2.1.1)的網站,該版本爲.modal.fade設置了頂部。在寬度爲< 768px的瀏覽器中進入「自動」狀態。至少對於我的瀏覽器而言,這會導致模式消失。所以我很自然地想知道模態已經到達的位置,並希望我能看到Chrome設置的實際值。

看起來像(v2.2.x)中的一個變化是改變top:auto to top:20px這可能會解決這個問題。

+3

* 「我期待在計算的CSS值在檢查的元素......」 *我認爲,你正在看* *應用*值,而不是*計算*。 –

+1

你看過* Styles *選項卡旁邊的* Computed *選項卡嗎? –

回答