BinaryDevelop
  1. ホーム
  2. html

[解決済み] ヘッダー、フッターを固定し、内容をスクロールできるようにした。

2022-12-12 05:56:41

質問

ヘッダーとフッターを固定し、内容をスクロールできるようにするにはどうしたらよいでしょうか。次のようなものです ページ . 私はCSSを得るためにソースを見ることができますが、私はこれを動作させるために必要な最小限のCSSとHTMLを知りたいだけです。

どのように解決するのですか？

次のようなものです。 

<html>
  <body style="height:100%; width:100%">
    <div id="header" style="position:absolute; top:0px; left:0px; height:200px; right:0px;overflow:hidden;"> 
    </div> 
    <div id="content" style="position:absolute; top:200px; bottom:200px; left:0px; right:0px; overflow:auto;"> 
    </div> 
    <div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px; right:0px; overflow:hidden;"> 
    </div>
  </body>
</html>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します