CSS属性的实际值如" auto","继承"等在检查器中?

时间:2016-01-06 17:38:24

标签: css web-inspector

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

更新:看起来大多数属性会自动计算,但有些人不会。以下是仍然显示为" auto"当你查看计算面板时:

不确定原因。

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

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

1 个答案:

答案 0 :(得分:5)

在Chrome中,您有标签computed。你在那里看到那些价值观。

enter image description here

计算标签

enter image description here

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