css - CSS 问题：为什么 100% 宽度加 1px 边框落在 FF 浏览器中，但不在 Chrome 中？

Question

我使用1140px cssgrid.net 框架，我在内容中使用 12 个 cols，侧边栏使用 2cols 和 10cols 并将border-right：1px 放在侧边栏中，为什么 10col 落在 FF 浏览器中而不是在 Crhome 中？加价：

<div id="sidebar" class="twocols"></div>
<div id="main_content" class="tencols"></div>

款式：

#sidebar { border-right: 1px solid red }

Answer 1

可能是你必须定义box-sizing它。它适用于所有浏览器。

#sidebar { 
  border-right: 1px solid red;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
 }