html と body_html/css_WEB-ITnose の高さ 100% によって引き起こされる問題

リセット CSS を書くときは、通常、次のようなコードがあります: html,body{width:100%;height:100%};

よく問題となるのが、body 内の div の高さです。本体自体の高さを超えます。図に示すように:

本文に含まれる div の実際の高さは 800px です

ここで、HTML の高さ設定が 100% であることがわかります。HTML の高さはドキュメントの表示される高さです。 、本文は高さの設定を継承します: 100%; html の高さは視覚的な高さでもあります。

したがって、この問題を回避するには、ボディの高さを 100% に設定しないでください。