DIV CSS Web ページの代替上下レイアウト コード例_エクスペリエンス交換

まず、試行プロセス中に発見されたいくつかの問題について話しましょう
1. ボックス モデルの問題
リファクタリングや DIV CSS で遊んでいる友人は皆、このことを知っているはずだと思います。私はナンセンスな話はしません。知らない、興味がある、オンラインで検索できます。ここでこれについて言及したのは、このレイアウトはパーセンテージで制御されているため、境界線に 1px のエッジを追加した後、それを元に戻すのが困難であるため、上の境界線スタイルを破棄しました。

2. オーバーフローの問題
この問題は、コンテンツが長すぎてオーバーフローするのを防ぐためにオーバーフローを非表示にすることで解決できます。最初に、htmlとbodyのオーバーフローにhidden属性を追加できます。ブランクさんは、IE にはデフォルトでスクロール バーの幅がある (私は知りません) が、FF にはありません (これは知りません) と教えてくれました。

基本的にはこれです。コードは次のとおりです。