input框设置宽度为width:100% 和padding后宽度超出父节点div
input 设置 width:100% 和padding后宽度超出父节点
添加如下css即可:
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
原理如下:
语法:
取值:
示例:
content-box:
.test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; }
border-box:
.test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; }