添加填充到侧边栏

Question

我最近关注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侧边栏左侧部分的所有设置而没有结果。

Answer 1

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

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

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