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;
}

ただし、サイドバーはコンテンツとともにスクロールし、常に表示されるわけではありません。