3

次のような単純な Web ページを作成しようとしています。

ここに画像の説明を入力

次のように、3 つの DIV があります。

<div class="leftNav">       
</div>
<div class="topPanel">          
</div>
<div class="bottomPanel">           
</div>

CSS は次のとおりです。

.leftNav
{
    width: 20%;
    height: 100%;
    float: left;    
}

.topPanel
{
    width: 80%;
    height: 50%;
    float: right;
}
.bottomPanel
{
    width: 80%;
    height: 50%;
    float: right;
}

ただし、最終結果は完全に奇抜に見えます。DIV と CSS でそのようなものを作成することは可能ですか?

4

2 に答える 2

6

これを行うにはいくつかの方法があります。

これを追加するだけで、元のアプローチを修正できます。

html, body {
    height: 100%;
    overflow: hidden; /* to hide any scrollbars that might appear */
}

参照: http://jsfiddle.net/thirtydot/n4wr4/

于 2012-06-12T16:20:08.953 に答える
0

おそらく、コンテナ div 内でこれら 3 つの div を取得し、そのコンテナのサイズを設定する必要があります。ここを参照してください: http://jsfiddle.net/Rorok_89/A6Uf7/

于 2012-06-12T16:17:17.547 に答える