box-sizing: border-box自动计算内边距、外边距

2016-3-16    分类: css3基础教程,前端资源

css3 自动 计算 边框 内填充 外边距 并行

在做手机页面布局是总不会把页面宽度做死,都是使用百分比来控制,并且让多个div并排在一行上。

mobile_div1

 

这时候如果在某一个div中使用margin或者padding就会错行。

mobile_div3

如果在加了margin和padding的div中加上

box-sizing: border-box

就会自动重新并行