html – 为什么按钮元素的高度与具有相同高度属性的兄弟输入元素的高度不匹配?

前端之家收集整理的这篇文章主要介绍了html – 为什么按钮元素的高度与具有相同高度属性的兄弟输入元素的高度不匹配?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有以下内容

正如您在jsFiddle中看到的那样,为什么按钮元素比其余元素短1px?在Chrome和Firefox中.

最佳答案
它与浏览器实现这些元素的盒子模型的方式有关.

div和input都使用content-Box where-as按钮使用border-Box

有关详细信息,请参阅此处:http://www.quirksmode.org/css/box.html

您可以添加Box-sizing:content-Box ;,-moz-Box-sizing:content-Box;,– ms-Box-sizing:content-Box;

到CSS强制它使用计算维度的内容方法.

编辑 – 更多信息:Why does Firefox use the IE box model for input elements?

原文链接:https://www.f2er.com/html/426341.html

猜你在找的HTML相关文章