CSS 问题:为什么 100% 宽度加 1px 边框落在 FF 浏览器中，而不是在 Chrome 中

Question

我在框架 cssgrid.net 中使用 1140px，我在内容中使用 12 列，侧边栏使用 2 列，侧边栏使用 10 列，并将边框右：侧边栏中的 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;
 }