检查员中CSS属性的实际值如"auto","inherit"等？

Question

有没有办法找出当CSS值设置为"auto"或类似时浏览器使用的实际值？我正在查看检查器中元素的计算CSS值,但它仍然显示"auto",我想确定确切的值.

更新:看起来大多数属性会自动计算,但有些则不会.以下是在查看计算面板时仍显示为"auto" 的属性示例:

• 最佳
• 底部
• 剩下
• 对

不知道为什么.

^{如果有人想知道,我甚至试图解决这个问题的原因是因为我目前正在使用旧版本的Bootstrap(v2.1.1)维护一个网站,它将.modal.fade.in的顶部设置为"auto"在浏览器中,宽度<768px.至少对我的浏览器来说,这会导致模态从视图中消失.所以我很自然地想知道模态的位置,并希望我能看到Chrome设定的实际值.}

^{看起来(v2.2.x)中的一个变化正在改变顶部:自动到顶部:20px可能会解决问题.}

Answer 1

在chrome中你有标签computed.你在那里看到那些价值观.

计算选项卡

http://jsbin.com/yefofe/edit?html,css,js,output