CSS问题:为什么100%宽度加上1px边框属于FF浏览器但不属于Chrome？

Question

我使用了1140px的cssgrid.net框架,我在内容中使用了12个cols,在侧边栏中使用了2个字符串,并且在边栏中使用了右边边框: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;
 }