下列:
<!DOCTYPE html> <form> <input type=text> </form>
在Chrome中生成以下框模型:
但是,如果输入类型的样式为宽度:
<!DOCTYPE html> <form> <input type=text style="width: 100px;"> </form>
左和右边距被删除:
为什么是这样?
解决方法
“内在利润的目的是试图防止相邻的控制措施相互对接,特别是通过圆润的控制,这看起来很可怕,你看到价值观的变化的原因是,当我们认为它不会中断时,我们只设置固有的利润率页面的布局如果作者在控件上指定了一个显式的高度/宽度,那么我们假设设计者需要像素精确的控制,所以我们关闭边距以避免中断页面布局.“
https://code.google.com/p/chromium/issues/detail?id=128306#c20