css - Tumblr 侧边栏与主栏重叠

Question

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

我找不到将主体分开并从侧边栏右侧开始的方法。我显然错过了一些东西。（嗯，我认为我需要包含和定义帖子的位置，但我看不到在哪里或什么。）

谢谢，

安娜

Answer 1

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

#main {margin-left: 200px;}

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

我不是元素margin: 0 auto;的粉丝。body最好把所有东西都放在一个居中的包装纸里。

如果您希望内容环绕侧边栏，然后position: fixed从侧边栏删除，删除我上面显示的边距，并overflow: hidden从此处删除（第 265f 行）：

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

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