Web ページの下部にある余分な空白を削除する方法_html/css_WEB-ITnose

Dreamweaver または Frontpage を使用して HTML Web ページを作成する場合、このような問題に遭遇することがあります。ソフトウェア内の適切な Web ページがブラウザーに配置されると、Web ページの下部に不可解なほど多くの Web ページが表示されます。余白が少なくなります。では、このギャップを解消するにはどうすればよいでしょうか?

最初は、Web ページのコードに CSS を追加して Web ページの高さを制限するだけでよいのではないかと考えましたが、これが機能しないことが事実で証明されました。

理由:

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

単純に html｛height:XX px;} を追加して Web ページの高さを制限するのではなく、Web ページでは、要素内にネストされている他の要素の特性が優先​​されるためです。たとえば、同じ Web ページに次のコードがある場合: body {font-size: 10px;} p {font-size: 9px;}、Web ページの

要素のフォント サイズは次のようになります。 10px ではなく 9px にしてください。このルールの存在により、Web ページの中間層の高さの合計が html{height: XX px;} の XX の値より大きい場合、html{height: XX px;} は当然効果がありません。 。

解決策:

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