向侧边栏添加填充答案

【问题标题】：Add padding to sidebar向侧边栏添加填充
【发布时间】：2015-12-06 21:22:50
【问题描述】：

我最近关注了this guide，为我的网站添加了左侧边栏。

添加成功，但左右侧边栏和正文的边距和内边距关闭，如下所示：

我试图让两个侧边栏和正文之间的间距相等。

这是我目前的代码： JSFiddle Example

CSS

.site-sidebar {
    width: 300px;
    float: left;
    margin: 0 0 0 -300px;
}
.sidebar-left {
float: left;
padding: 20px 0 10px 0;
margin-left: 35px;
width: 400px;
}

我已经调整了css侧边栏左侧部分的所有设置，但没有结果。

【问题讨论】：

在不久的将来提出新问题之前，请阅读this page上的文章。
好的 - 我不确定我的帖子有什么问题。我刚读了那页。你能详细说明一下吗？
我真的怀疑你是否在 2 分钟内阅读了整个页面。例如，他们解释说，您不应发布整个代码，而应仅发布相关部分。
对不起-对此非常陌生。希望我的 css 有一些明显的东西。
只是想澄清一下，您正在寻找具有两个窄侧列和一个主要内容列的三列布局？

标签： php html css wordpress

【解决方案1】：

我认为您可以通过以下方式解决它：

.content-area {
    float: left;
    margin-left: 20px;
    width: 100%;
}

如果您可以编辑 styles.css 文件就不行，但这是我能想到的最佳解决方案。

【讨论】：

感谢您查看此内容。不幸的是，这只是imgur.com/dklETda。我将日历小部件添加到左侧边栏。当我用那个代码更新css时，它们都在左边。就像右边的小部件被撞到左边一样。
我实际上认为问题在于页面不是全宽。我不知道该怎么做。
它实际上看起来只有右边的空白区域。两个侧边栏的宽度都合适，只是右侧有多余的空间。