div style=' padding-left :10 px； padding-right: 10px；' textarea style='width:100%； height:220px； border: 1px solid #F2F2F2；' /textarea/div如果将padding填充添加到父元素并将textarea width设置为100%，则以上代码将超出div的范围。
即使不对父元素添加padding填充，由于textarea所在的border为1px，因此左右边框将占据2px的宽度，并超过2px。 在这种情况下，可以通过在textarea中添加以下样式来解决：
textarea { box-sizing : border-box； -moz-box-sizing:border-box；/* Firefox */- WebKit-box-sizing : border-box； 在/* Safari */}框模型中，宽度、高度(如绘制、边距和边框)计算在框外。
box-sizing : border-box表示箱子宽度的高度是在箱子内部计算的。
box-sizing有三种类型的值。
content-box :padding、margin、border等宽度的高度计算在箱子外
border-box:padding、margin、border等宽度的高度在箱子内部计算
inherit :从父类继承box-sizing的值