css如何在添加填充时使最大宽度固定

Question

我只是想知道是否有任何方法可以在添加左右填充时使最大宽度变得固定？

这是我的css：

#editorBody {
  overflow: auto;
  margin: auto;
  padding: 15px 40px 10px 40px;
  max-width: 816px; 
}

我想宽度是816px，但实际上它是736（816-50）。

Answer 1

您将要添加css规则box-sizing: border-box;

根据Caniuse，可能需要加前缀...

CSS

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

查看this page以全面了解box-sizing