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

前端之家收集整理的这篇文章主要介绍了html – 如何防止填充的子元素溢出其父元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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相关文章