在我的页面中，有几个input和select标签。
我width:100%;用来定义它们的宽度，但是在浏览器中不是100%。
我在chrome中使用了调试工具，发现还应用了useragent样式表样式。
如何使宽度为100％？
理想情况下，您应该将样式与内容分开，因此在CSS中包括：
input, select{
width:100%;
box-sizing:border-box;
}
并且您需要使用box-sizing:border-box来进行大小调整，以考虑到任何特定于浏览器的大小或设置边距/边距/边界。这是有关该主题的方便阅读。
box-sizing CSS属性用于更改用于计算元素的宽度和高度的默认CSS box模型。可以使用此属性来模拟不正确支持CSS盒模型规范的浏览器的行为。
边框
width和height属性包括填充和边框，但不包括边距。当文档处于Quirks模式时，这是Internet Explorer使用的框模型。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句