0

私は学校のプロジェクトのために何かを構築しています..そして、それが私が望むものではないので、おそらく私の現在のコードが間違っています..それで私はサポートをお願いしたいと思います！

まず第一に：それは携帯電話の画面用であり、すべてが解像度に基づいているため、すべてはパーセンテージである必要があります。すべてのものを比較的同じサイズにしたいので、ここではパーセンテージが最適だと思います。

さて、私が必要だと思うのは

行1の高さ：20％[ブロック1の幅：60％] [ブロック2の幅：40％]

行2の高さ：60％[ブロック1の幅：100％]

行3（フッター）の高さ：20％[ブロック1の幅：100％]

行1は常に一番上にある必要があります（duh）行2は次にあり、常に中央に配置され、画面の高さの60％の固定高さである必要があります。行3はフッターとして存在する必要があります。 2行目より下になります（duh）

ここには大きなコードはあまりないと思います。しかし、私の「フッター」は常に行の下部ではなく、行2の直後に来るため、固定の高さを計算できません。

前もって感謝します！

4

1 に答える 1

0

あなたの質問は本当に高さを設定することについてのように聞こえます。

その問題は、（おそらく）パーセンテージがbodyタグのみに基づいていることです。これは、すべてのコンテンツに対して十分な大きさです。これを試して：

html, body
{
    height: 100%;
}
div {
    border-style:solid;
    border-width:1px;
}
div#top { height:20%; }
div#middle {height: 60%; }
div#bottom {height: 20%; }

http://jsfiddle.net/nhw5X/2/を参照して遊んでください

ボディをブラウザの高さの100％にすることに関連

于 2012-11-20T21:51:00.213 に答える