Html 为什么输入元素的宽度设置不同

Html 为什么输入元素的宽度设置不同,html,css,width,quirks-mode,Html,Css,Width,Quirks Mode,很长一段时间以来,我一直在绞尽脑汁,不知道设置输入元素的宽度有什么问题 您可以检查宽度的差异。似乎有人在遵循怪癖模式,但为什么要设置相同的doctype呢 这是FX/Chrome中的一个bug吗?这是因为边框的大小 试试这个 文本字段具有内置边框。查看删除边框时会发生什么情况:通过添加一个框大小:边框框到输入文本将解决此问题 由于默认的计算宽度和高度时不包括边框,因此通过添加框大小:border box宽度和高度属性的总和将包括填充和边框,但边距将不为100px 有关是的更多信息,如果使

很长一段时间以来,我一直在绞尽脑汁,不知道设置输入元素的宽度有什么问题


您可以检查宽度的差异。似乎有人在遵循怪癖模式,但为什么要设置相同的doctype呢


这是FX/Chrome中的一个bug吗?

这是因为边框的大小 试试这个


文本字段具有内置边框。查看删除边框时会发生什么情况:

通过添加一个
框大小:边框框
到输入文本将解决此问题

由于默认的计算宽度和高度时不包括边框,因此通过添加
框大小:border box
宽度和高度属性的总和将包括填充和边框,但边距将不为100px


有关

是的更多信息,如果使用铬,请检查元件。然后展开右侧的“度量”部分。你会看到其中一个是96px,左/右边框为2px,而另一个是100px,左/右边框为2px。我理解这一点,但我试图找到默认边框,但没有找到任何信息。这很奇怪:|我理解,但我试图找到默认边框,却找不到任何信息。这很奇怪:|