Css 为什么这个网站的宽度很大?

Css 为什么这个网站的宽度很大?,css,width,document,Css,Width,Document,在文档上有一个大的宽度。当我在Chrome上检查它时,我看不出是哪个元素导致了这个问题 没有具有此宽度的元素。这是由部分中的错误造成的 您有一个容器,它强制引导列内部的宽度。您需要删除该类。见下面的附件 另一个问题是中的直接子级。它是具有类行且具有负水平边距的元素。它还导致整个网站不必要的拉伸 为此使用溢出:隐藏。一个.ccm页面 在main.css中添加此样式 .an.ccm-page{ overflow:hidden } 这是由于引起的。在中,您有另一个引导.container。如

在文档上有一个大的宽度。当我在Chrome上检查它时,我看不出是哪个元素导致了这个问题


没有具有此宽度的元素。

这是由
部分中的错误造成的

您有一个
容器
,它强制引导列内部的宽度。您需要删除该类。见下面的附件

另一个问题是
中的直接子级。它是具有类
且具有负水平边距的元素。它还导致整个网站不必要的拉伸


为此
使用
溢出:隐藏
。一个.ccm页面

在main.css中添加此样式

.an.ccm-page{
    overflow:hidden
}
这是由于
引起的。在
中,您有另一个引导
.container
。如果要嵌套引导网格,请不要再次使用
.container
类,并像
.row>.col-sm-3>.row>.col-sm-12
那样嵌套


一般来说,如果您想知道页面太宽的原因:打开例如Chrome的DevTools,向右滚动并开始从页面中删除元素。当页面再次向左滚动时,您就知道哪个元素太宽了。

这实际上是因为您的标记中有太多html标记不匹配,这意味着打开标记时没有相应的结束标记

参考: