Css 我的网页中的div不能跨越100%的页面宽度

正如你所看到的，我的页眉和页脚不跨越整个页面，不像我在中间的那一行……如果需要的话，我的样式表就是这样（用红色表示）

   html,body{
     height:100%;
     width:100%;
     margin: 0px;
     padding: 0px;

   }

   #blogheader{

      background-color: green;
      height: 57%;
      margin: 0px;


   }

非常感谢您的帮助！，我已经被困在这个问题上大约一个小时了。我不知道为什么会这样。我正在使用引导。但是我唯一的行/列组合是在三个图标的中心。

试试：

html, body {
    height:100px;
    width:100vw;
    margin: 0px;
    padding: 0px;
}

---

您提到您正在使用引导

我可以重现错误，这似乎是因为“blogheader”不在

.row

包装中

不带

。行

全屏查看

html，
身体{
身高：100%；
宽度：100%；
边际：0px；
填充：0px；
}
.容器液体{
身高：100%；
}
#博客头{
背景颜色：绿色；
高度：50px；
边际：0px；
}
.col-sm-4{
高度：50px；
背景：粉红色；
边框：1px纯灰；
}

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的格式。大多数情况下，当我看到这个问题时，它是由于无效的HTML造成的，比如div没有正确关闭。但是如果没有完整的代码片段，我无法告诉您原因。你的HTML验证了吗？另外，弹簧、角度和自举div的宽度设置是多少？虽然这个答案可能是正确和有用的，但最好解释一下它如何帮助解决问题。如果有一个变化（可能是无关的）导致它停止工作，并且用户需要了解它曾经是如何工作的，那么这在将来变得特别有用。谢谢