Javascript div宽度：100%将覆盖浏览器窗口边框_Javascript_Html_Css_Google Chrome

Javascript div宽度：100%将覆盖浏览器窗口边框

javascript html css google-chrome

Javascript div宽度：100%将覆盖浏览器窗口边框,javascript,html,css,google-chrome,Javascript,Html,Css,Google Chrome,这是我的密码： <body style="width:100%; height:100%; margin:0px"> <div id="horizontal-bar" style="width:100%; height:34px; border: 10px solid;"></div> 这是我的截图： #水平条右边框不显示，如果css无法显示，如何使#水平条在浏览器窗口中完全显示？我可以在js中这样做吗？在这里，您需要使用框大小：边框框，因为，边框也是

这是我的密码：

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

这是我的截图：

#水平条右边框不显示，如果css无法显示，如何使#水平条在浏览器窗口中完全显示？我可以在js中这样做吗？

在这里，您需要使用

框大小：边框框

，因为，

边框

也是框模型的一部分：

（来源：）

片段

正文{
宽度：100%；
身高：100%；
边际：0px；
}
#单杠{
宽度：100%；
高度：34px；
边界：10px固体；
/*加上这个*/
框大小：边框框；
}

使用以下代码：


var w=$（window.width（）；
$（'水平条'）.css（'宽度'，宽）；

1。这个代码是做什么的？2.为什么是JavaScript？你知道这里发生了什么问题吗？3.在回答之前你看到我的答案了吗？你不需要JavaScript。这就是我想说的。你看到我的答案了吗？这是一个很好的视觉答案。我还想从w3schools中添加以下内容：“width属性不包括填充、边框或边距；它设置元素的填充、边框和边距内的区域宽度！”。@JohnH Yea，但是…：）