1

ここで少し困っています。両側にアクセント カラーの 2 つの等間隔のバーが必要で、中央のコンテンツが幅 800 ピクセルの白い背景のボックスにある Web サイトを設計する。基本的に、色の異なる 3 つの列。これを行うために、左と右に margin-align:auto を使用してコンテンツ div を作成しました。

#container
{
    height:500px;
    width:800px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

したがって、私が抱えている問題は、コンテンツ ボックスがブラウザー ウィンドウの上部と同じ高さになっていることですが、画面の解像度が非常に高い場合、コンテンツ ブロックの残りの空きスペースが十分なスペースを占有せず、アクセント カラーが下に表示されます。コンテンツボックス。コンテンツがより多くのスペースを占めるように調整して、下部に表示されないようにするにはどうすればよいですか?

編集：これを試してくださいhttp://i.stack.imgur.com/DuNXJ.jpg

編集2：解決しました！Blender のおかげで、cssstickyfooter.com へのコメントで提供されたリンクが役に立ちました。

これに出くわして興味を持った人のために、完成した正しいコードを次に示します。

4

1 に答える 1

0

おそらく、これを確認する必要があります: https://stackoverflow.com/a/8289963/1068386、それが役立つと思います。いずれの場合も、スクリーンショットとその他のコードが役立ちます。

于 2012-01-03T23:22:03.067 に答える