有没有办法找出当CSS值设置为"auto"或类似时浏览器使用的实际值?我正在查看检查器中元素的计算CSS值,但它仍然显示"auto",我想确定确切的值.
更新:看起来大多数属性会自动计算,但有些则不会.以下是在查看计算面板时仍显示为"auto" 的属性示例:
最佳
底部
剩下
对
不知道为什么.
如果有人想知道,我甚至试图解决这个问题的原因是因为我目前正在使用旧版本的Bootstrap(v2.1.1)维护一个网站,它将.modal.fade.in的顶部设置为"auto"在浏览器中,宽度<768px.至少对我的浏览器来说,这会导致模态从视图中消失.所以我很自然地想知道模态的位置,并希望我能看到Chrome设定的实际值.
看起来(v2.2.x)中的一个变化正在改变顶部:自动到顶部:20px可能会解决问题.
在chrome中你有标签computed
.你在那里看到那些价值观.
计算选项卡
http://jsbin.com/yefofe/edit?html,css,js,output