css - Tumblr 侧边栏与主栏重叠

Question

我在 tumblr 博客中的侧边栏有一个非常具体的问题。我已将其放入包含所有导航并将其固定在左侧，但它与主列重叠:

我找不到使主体分离并从侧边栏右侧开始的方法。我显然遗漏了一些东西。 (好吧，我想我需要包含和定义帖子的位置，但我看不到位置或内容。)

谢谢，

安娜

Answer 1

是侧边栏上的 position: fixed 让您感到悲伤。如果你必须这样做，你可以在 #main 部分设置左边距:

#main {margin-left: 200px;}

不过，它留下了一个非常狭窄的内容区域，所以我会考虑稍微扩大布局。

我不喜欢在 body 元素上使用 margin: 0 auto;。最好将所有内容放在居中的 wrapper 中。

如果你想让内容环绕侧边栏，那么从侧边栏中移除position: fixed，移除我上面显示的边距，同时移除overflow: hidden从这里(第 265f 行):

article > div {
    padding: 0px;
    overflow: hidden;
}

这意味着侧边栏将随内容滚动，但不会一直可见。