css - 将 CSS 宽度设置为 100% + 缺少右边框？

Question

我将一个 div 的宽度设置为窗口的 100%。当我对这个 div 应用边框时，右边框被切断。我是否必须对此执行盒模型破解？

#textBoxContainer {
  width:100%;
  height:30%;
  position:fixed;
  z-index:99;
  bottom:0px;
  left:0px;
  background-color:#999;
  border: 4px solid #000;
}

<div id="textBoxContainer"></div>

Answer 1

已经回答了，但我更喜欢这个解决方案。将此添加到 textBoxContainer:

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

它会将边框放在框的内部。更多信息:http://css-tricks.com/box-sizing/

编辑 - 不适用于 IE7，但作用不大。更多信息:box-sizing support in IE7