wordpress标题和容器宽度不会保持在100％

Question

我http://nemx.me/avant/的网站加载正常，但当我将浏览器的大小调整为大约600px并向右滚动时，标题和容器背景不再拉伸。

我尝试添加width 100%并使用谷歌开发者工具尝试找出导致此问题的css标签，但是4小时后我仍然卡住了，有什么建议吗？我没有看到导致它的max-width。

Answer 1

您white-space: nowrap;设置了.main_weltxt。这导致了这个问题。

.main_weltxt {
    font-family: 'Playfair Display SC', serif!important;
    font-weight: 700;
    color: #6f9186;
    font-size: 18px!important;
    line-height: 1;
    white-space: nowrap;
}

从上面的CSS中删除white-space: nowrap;

Answer 2

你有一个阻止背景拉伸的最大宽度规则：

禁用该规则会将背景扩展到两个部分中的完整浏览器宽度。

Answer 3

这是因为您在display: inline-block元素上使用了.nav-menu li。 因此，您的导航“溢出”了您的网站并造成了这种情况。

尝试使用：

.nav-menu li {
  float: left;
  positon: relative;
}

另外，从white-space: no-wrap

中删除.main_weltxt