0

私のウェブサイトのページと一緒にスクロールする div サイドバーがあります。ウィンドウのサイズが変更されるたびに、サイドバーがページ コンテンツに重なってしまいます。

問題を示すデモページは次のとおりです: http://wrasa.org/memberpage_demo.html

私のページに使用しているメニューバーのCSSコードは次のとおりです

.menubar {width: 200px;position: fixed;left: 20px;down: 200px;}

問題を修正するか、別のコードを使用するための提案を歓迎します。

前もって感謝します！

4

1 に答える 1

1

として、あなたは固定ポジショニングを使用しています。divはブラウザに対して固定されたままであり、他のコンテンツがその領域でシフトした場合はオーバーラップします。これは、ブラウザがそのようなdivにスペースを割り当てないために発生します。あなたの問題では、メインコンテンツの左側に最小マージンを指定することで解決します。これは、実際には最小幅のcssプロパティによって実現できます。メインコンテンツの左側に、最小幅でもう1つ配置するだけです。

あなたはこのリンクからこれについてもっと知ることができます

CSSでパーセンテージマージンを使用していますが、ピクセル単位で最小マージンが必要ですか？

于 2012-09-03T07:19:55.453 に答える