0

手作りジュエリーのウェブサイトを構築しています。すべてのタイトル、ナビゲーション、およびコンテンツが 1 つの div にあり、中央に配置されるように (低解像度のすべてのユーザー向けに) 中央に配置したいと思います。左側 (div 内、すべてが div 内) に、垂直ナビゲーション サイドバー div があります。右側に、タイトルと内容があります。ここまでは順調ですね。今問題に：

サイドバーに、ページの上部から下部まで (可能であれば 1em の余白を付けて) 右側の境界線を設定したいと考えています。秘訣は、右側のコンテンツがテキストから写真やフォームに変化し、すべてのページでまったく異なることです.コンテンツが画面よりも大きい場合、画面がスクロールし、その場合、サイドバーの境界線を下にスクロールしたいと思います.それは - 私はそれを行うことができませんでした。

私はかなりの読書をしたと思います-私の最も近い解決策は、境界線の位置を静的に設定することでしたが、サイトが中央にある場合、これは明らかに機能しません. 質問に-サイドバーのdivの高さを動的にするか、何かを作成し、右側のコンテンツで展開するように定義するCSSのみの方法はありますか? このようにして、境界線は常に下に到達します。

4

3 に答える 3

1

ナビゲーション メニューの代わりに、コンテンツ セクションの Div に左の境界線を与えるのはどうですか。コンテンツ領域の高さに応じて境界線の高さを変えることができるように

于 2013-04-01T17:00:11.337 に答える
0 
    body,html{
      height:100%;
    }

    #wrapperdiv{
      height:100%
    }

   #navigation{
      min-height:100%
    }
于 2013-04-01T15:42:34.427 に答える