※ ChatGPTを利用し、要約された質問です（原文：CSSで高さ100％のレイアウト）
CSSで高さ100％のレイアウト方法とフッターの位置指定について
このQ&Aのポイント
CSSを使用して高さ100％のレイアウトを行う方法と、フッター位置をブラウザの一番下にマージン無しで指定する方法について説明します。
CSSでのレイアウトでは、HTML要素の高さを100％に指定する際には注意が必要です。
さらに、他の方法でもフッターをブラウザの一番下にマージン無しでレイアウトすることが可能です。詳細をご紹介します。
テーブルを使用せずCSSでのレイアウトなのですが
フッター位置をブラウザの一番下にマージン無しで指定したいのですが出来ません。
テーブルでは
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">内容</td>
</tr>
<tr>
<td valign="bottom">フッター</td>
</tr>
</table>
というように指定していたのですが
CSSでのレイアウトはHTMLを
<div id="container">
<div class="content">内容</div>
<div id="footer">フッター</div>
</div>
.CSS では
#container {
height: 100%;
}
は無効なのでしょうか？
他のやり方でもフッターをブラウザの一番下にマージン無しでレイアウトできる方法があったら教えて下さい。
お礼
ありがとうございました。 解決しました。 宣言とスタイルのかけ方ですね。大変勉強になりました。