下列：
<!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
原文地址：https://www.jb51.cc/html/230594.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
