默认 box-sizing: content-box; 会把容器撑破;
只是为了避免写一堆 box-sizing;
而且即使写了 IE 67还不支持，样式乱死了;
上代码：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .wrapper { width: 1000px; background-color: #999; margin: 0 auto; } .content { margin: 0 20px; background-color: #ccc; } </style> </head> <body> <div class="wrapper"> <div class="content">我的宽度自动就是 960px 哟。</div> </div> </body> </html>
the end;
块级元素使用 margin 代替 padding-left/padding-right,布布扣,bubuko.com
块级元素使用 margin 代替 padding-left/padding-right
原文：http://www.cnblogs.com/shrekuu/p/3587084.html