html – 为什么给定宽度时元素会丢失其左/右边距?

下列:
<!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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些