次のような単純な 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 でそのようなものを作成することは可能ですか?