input 设置 width:100% 和padding后宽度超出父节点

Posted 开拓丿飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input 设置 width:100% 和padding后宽度超出父节点相关的知识,希望对你有一定的参考价值。

input 设置 width:100% 和padding后宽度超出父节点

添加如下css即可:

 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;

 

以上是关于input 设置 width:100% 和padding后宽度超出父节点的主要内容,如果未能解决你的问题,请参考以下文章

移动端设置input或者textarea宽度100%时不超出屏幕

HTML中 input 的style 设置为100%的时候,超出<td>外 怎么解决

实现无边框的table,table中有input控件,td设置了padding,但input宽度设置为100%,右边始终要超边界。

文本框样式width100%超过父容器

外面的div设置了width为100%且有背景颜色,但当浏览器改变大小后,背景就没法出现100%的效果了!

css top,right,bottom,left设置为0有什么用?它和width:100%和height:100%有什么区别?