Question

这是我的代码：

<body style="width:100%; height:100%; margin:0px">
<div id="horizontal-bar" style="width:100%; height:34px; border: 10px solid;"></div>

这是我的截图：

＃horizontal-bar右边框没有显示，如何让＃horizontal-bar在浏览器窗口中完全显示，如果css不能这样做？我可以用js吗？

Answer 1

在这里，您需要使用box-sizing: border-box，因为border也是框模型的一部分：

http://crypt.codemancers.com/assets/images/boxmodel/compare_models-ec8c849825b4fb3e1e6177e49e15d800cb77bdeaa99e6adcf896a65af62ab99f.png

<强>段

＆＃13;

body {
  width: 100%;
  height: 100%;
  margin: 0px;
}
#horizontal-bar {
  width: 100%;
  height: 34px;
  border: 10px solid;
  /* Add This */
  box-sizing: border-box;
}

＆＃13;

<div id="horizontal-bar"></div>

＆＃13;

用于比较的旧的非工作代码是：

＆＃13;

body {
  width: 100%;
  height: 100%;
  margin: 0px;
}
#horizontal-bar {
  width: 100%;
  height: 34px;
  border: 10px solid;
}

＆＃13;

<div id="horizontal-bar"></div>

＆＃13;

Answer 2

使用此代码：

lobjRequest = (HttpWebRequest)WebRequest.Create(RequestURL); lobjRequest.Method = pstrRequestMethod; lobjRequest.Proxy = Helper.CreateProxyFromSettings(); lobjRequest.ContentLength = Encoding.UTF8.GetByteCount(pstrRequestText); lobjResponse = (HttpWebResponse)lobjRequest.GetResponse(); //Time out here

div宽度：100％将超过浏览器窗口边框

2 个答案: