css - 如何在不更改从同一代码继承的其他布局的情况下更改内容容器的填充

Question

我需要更改容器填充。特别是宽度。我试图在 style.css 中查找代码并找到了这段代码。

.center{ width:85%; margin:0 auto;}

我将宽度调整为 100%，但它把 Logo 和菜单栏带到了左侧。我正在寻找解决方案。此外，我只想将此 css 代码应用于一个页面。

Answer 1

如果您要更改宽度，您将更改该元素与其他元素的交互方式，因此更改宽度不是一个好主意。

你应该坚持只改变填充。

.center {
    width: 85%;
    margin: 0 auto;
    padding: 10px; //insert whatever padding you want here
}

如果这会影响元素的宽度，请尝试应用:

.center {
    //your existing css for this selector, then:
    box-sizing: border-box;
}

如果您只想将此更改应用于一个页面，最好的办法可能是向您尝试修改的 html 元素添加一个类，并使用新的填充定位该类。