閲覧時に作成されたWebページの下部にある余分な空白スペースを削除する方法

Dreamweaver または FrontPage を使用して HTML Web ページを作成する場合、次のような問題が発生することがあります。ソフトウェア内の適切な Web ページをブラウザーに配置すると、Web ページの下部に何らかの理由で空白スペースが表示されます。では、このギャップをどうやって解消すればいいのでしょうか?
最初は、Web ページの高さを制限するには、Web ページ コードに CSS を追加するだけでよいと考えていましたが、これは機能しないことがわかりました。

理由：

まず、ソフトウェアを使用して Web ページを作成する場合、ほとんどの場合、グラフィカル インターフェイスを通じて「積み重ね」られることを知っておく必要があります。このように Web ページを積み重ねる場合、レイヤーまたはテーブルを作成するときに、レイヤーまたはテーブルに対してソフトウェアによって定義された高さが、必要な高さを超えることがよくありますが、これはソフトウェアでは表示されません。ただし、ブラウザーで Web ページを開くと、ソフトウェアに存在しない空白がブラウザーに表示されます。

Web ページでは、要素内にネストされた他の要素の特性の方が優先されるため、html{height:XX px;} を追加するだけでは Web ページの高さを制限することはできません。たとえば、同じ Web ページに body{font-size: 10px;} p {font-size: 9px;} というコードがある場合、Web ページの <p> 要素のフォント サイズは 10px ではなく 9px になります。このルールがあるため、Web ページの中間層の合計の高さが html{height:XX px;} の XX の値より大きい場合、html{height:XX px;} は当然効果がありません。

解決：

このようなソフトウェアで記述された Web ページ コードの場合、CSS でレイヤーまたはテーブルの高さの定義を探し、高さの値を変更することで、Web ページから不要な空白を削除できます。