ホームページ >ウェブフロントエンド >htmlチュートリアル >解決策: HTML page_html/css_WEB-ITnose の上部に空白があります
1. HTML ファイルの文字エンコーディングが utf-8 およびブーム形式に変更されました; 2. CSS コードも上部に固定されていますが、上部に空白スペースが残っていますか? ? ! !専門家に答えを求めてください。 。 。 。 。 。
詳しく説明してコードを投稿してください。
* {margin:0px;padding:0px;}
Chrome の開発者ツールを使用して見てみましょう
テキスト ファイルで HTML を開き、テキスト ファイルとして保存します
テキスト ファイルで HTML を開き、保存しますファイルとして
試してみましたが、文字エンコーディングではありません 質問; utf-8に変換し、BOM形式を削除しました。 。 。
オリジナルポスターは幸運です。コードをブロックごとにテストするのに時間を費やした後に発見しました。当時は同じ問題をオンラインで見つけることさえできませんでした。
あなたは
に変更されました
大丈夫ですよ
オリジナルポスターは幸運です。コードをブロックごとにテストするのに時間を費やした後に発見しました。当時は同じ問題をオンラインで見つけることさえできませんでした。
に変更されました
3 つのドキュメント宣言をすべて試しましたが、まだ機能しません。 。 。 。
私の他のページヘッダードキュメント宣言も
、すべて正常です。 。 。 。
答えをお探しですか? ? ? ? ?
これは問題ですか href="{res file=css/store_mall.css}"
これを試してください
これは問題ですか href="{res file=css /store_mall. css}"
これを試してください
いいえ、CSS のアドレスは動的です。CSS の絶対パスはフロントデスクに表示された後でのみ確認できます
utf-8 を使用してくださいbom、bom なしで utf-8 として保存します
既に bom なしの場合、そのほとんどは html を出力する前にバックグラウンド プログラムがヘッダーを出力することが原因です
保存BOM ありの utf-8 と BOM なしの UTF-8
Chrome で実行すると空白が表示されないのはなぜですか? ? ? ?実行できます
これらの属性の「特記事項」が問題ではない場合、それは作成者自身によって書かれたエラーです。
HTML+CSSの書き方に問題がある、タグのペアやレベルが合っていない、JS/CSSに互換性がない、などのいずれかです。
最初に処理したとき、テストピースを少しずつ削除したと言いましたが、最初に大きなものを並べ替え、次に小さなものを並べ替えると、実際には非常に速く見つかりました。 解決できない問題は、元の投稿者の基本的な経験です。
他の人はあなたのコード全体を見てさえいないのに、それがどのようなものになるかをどうやって知ることができるのでしょうか? 彼らは推測することしかできません。
標準的な質問!ページ内のロジックが標準化された方法で記述されているかどうかを注意深く確認してください...
{res file=css/store_mall.css}" rel="stylesheet" type="text/css" />
私もこの問題に遭遇しましたが、解決方法がわかりません
ブラウザによる中括弧の解釈の違いが原因です。動的なものは使用しないようにしてください。
どのIEを使っていますか? IEの二重余白の問題でしょうか?
CSS プラス * { margin: 0px; padding: 0px; }
*{margin:0;padding:0;}
私もこの問題を抱えているようです以前にこれに遭遇したことがあります。内部の div にはマージンを使用せず、代わりにパディングを使用してください。これは CSS のマージン結合の問題のようです。
デバッグには Chrome を使用すると、問題を簡単に見つけることができます。
以前にこの問題に遭遇しました。これは、Web ページのソース コードのエンコードの問題です。たとえば、ソース プログラムのエンコードが utf8 形式であり、スタイル ファイルが . gb2312 フォーマットが原因でこの状況が発生します。
もう 1 つのポイントは、utf8 形式が utf-8 unsigned と utf8-signed の 2 つの形式に分かれていることです。これらは一貫性がなければ例外が発生します。
皆様のお役に立てば幸いです。
body {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px; }
これで解決しました方法。
これをCSSに追加します。