1

我有一个元素正在设置网站的宽度，但在特定页面上我想删除宽度。我无法删除该元素，因为它会破坏网站上的几乎所有页面。（尤其是标题模板）

我试着做

.nopageWidth {边距：0自动；最大宽度：1920px !important}

但该页面仍在继承元素 css。

这是页面的结构 -

.pageWidth {
    padding-right: 5px;
    padding-left: 5px;
    margin: 0 auto;
    max-width: 1350px;
    box-sizing: border-box;
}

.nopageWidth {margin: 0 auto; max-width: 1920px !important;} 
<div class="pageWidth">
<div class="pageContent">
<article>
<div class="nopageWidth">
</div>
</article>
</div>
</div>

帮助将不胜感激，我被困住了！

4

2 回答 2

1

如果您尝试设置页面宽度，则应使用“宽度”。“最大宽度”是最大的，取决于内容。您可能不需要！important。

.pageWidth {
    padding-right: 5px;
    padding-left: 5px;
    margin: 0 auto;
    width: 1350px;
    box-sizing: border-box;
}

.nopageWidth {margin: 0 auto; width: 1920px !important;}

于 2017-09-13T22:34:39.830 回答
0

您只使用max-width，这意味着默认width值仍设置为其 default 100%。因此，如果容器的宽度小于 1920 像素，您的宽度.nopageWidth将永远不会变为 1920，因为它将在父元素的 100% 处停止变宽。使用固定（即px值）width设置来避免这种情况。

于 2017-09-14T00:07:30.717 回答