Question

您好我正在开发一个网站：HERE

我的侧边栏背景颜色似乎没有达到全宽，它在右边部分有奇怪的边距。我试图通过增加尺寸进行管理，并通过调整左边的填充来向左移动，但是即使将背景的大小设置为100％或200％，右侧似乎也是。

`

.sidebar .widgettitle { 
margin-left: -50px; !important; 
background:#606060;
padding:10px 0px 10px 25px;
text-transform:uppercase !important;
width: 210%;
max-width: 210%;
background-size: 210% auto !important;
height: auto;

} `

Answer 1

似乎css类容器左右两侧的填充值为50像素。您可以在自己的CSS文件中覆盖它。

pic showing .container style in grid.css

Answer 2

Anmol Nandha的答案是正确的 - 它是由.container元素padding-left和padding-right 50px引起的。

您可以删除grid.css中的特定样式，或者如果您不想编辑框架文件，可以考虑在id元素上添加.container属性，以及通过将padding-left和padding-right设置为0来取消效果。

请注意，如果这样做，则左（主）部分中的内容将粘在边缘上。您可能希望在padding-left: 50px上添加.entry-content-wrapper以补偿它。

当然可以选择调整侧边栏的CSS，但我已经概述了（在我看来）修复它的最简单方法。

CSS边栏背景颜色全宽

2 个答案: