CSS宽度不是控制台中显示的

时间:2013-06-12 09:01:46

标签: css twitter-bootstrap

我正在扩展一个使用Twitter Bootstrap的项目。我将输入文本框的宽度设置为260px。在Chrome检查器中没有越过css width属性,并且正确显示为260px,但其实际宽度为270px。当我将样式表中的宽度更改为270px时,其实际宽度变为280px,依此类推。可能是什么原因?

3 个答案:

答案 0 :(得分:2)

您的输入上有填充,请将其设置为0px

答案 1 :(得分:1)

您需要使用box-sizing: border-box;

答案 2 :(得分:1)

从Chrome检查员的metrics视图中进行检查。它会显示paddingwidth应用于您的输入。

如果需要,

设置padding:0

相关问题