html – 如何防止填充的子元素溢出其父元素？

概述从 this example可以看出,输入似乎“溢出”了它的父div.我想在输入中添加填充而不使其溢出其父级. 我想知道每个浏览器(包括IE,Firefox,Chrome等)的最佳解决方案/解决方法. 你可以看到 this answer,但如果你不喜欢它,你可以使用像这样的box-sizing CSS3属性： input { -webkit-box-sizing: border-box; 从 this example可以看出,输入似乎“溢出”了它的父div.我想在输入中添加填充而不使其溢出其父级.

我想知道每个浏览器(包括IE,firefox,Chrome等)的最佳解决方案/解决方法.

解决方法 你可以看到 this answer,但如果你不喜欢它,你可以使用像这样的Box-sizing CSS3属性：

input {  -webkit-Box-sizing: border-Box;  -moz-Box-sizing: border-Box;  Box-sizing: border-Box;}

Live jsFiddle example

总结

以上是内存溢出为你收集整理的html – 如何防止填充的子元素溢出其父元素？全部内容，希望文章能够帮你解决html – 如何防止填充的子元素溢出其父元素？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。