位置中の「高さの崩壊」問題の解決策:修正されたpositioning_html/css_WEB-ITnose

問題: 固定配置された要素の場合、高さが固定されている場合、直後のモジュールは前の固定要素を存在しないかのように扱い、レイアウトに問題を引き起こします

解決策:

1. 2 番目のモジュール div のマージントップ値を固定位置決めモジュール

2 の高さ以上に設定します。この方法は、Baidu Encyclopedia のモバイル ページで使用されます。固定位置要素の値を設定します。親要素には高さ、幅、何もありません。このスタイルは、現時点では、要件に従って記述されています。親要素の高さは 0 のままです。親要素に高さを持たせるにはどうすればよいですか? 親要素に高さがある場合、後続のモジュールは margin-top の値を設定する必要はありません。空の div を記述するだけです。このとき、親要素には高さがあり、この空の div は柱のようなもので、空中にあるこの城を支えています。