3

画面幅よりも幅が広く、水平スクロールバーが表示される Blogger テンプレートがあります。収まるように変更し、スクロールバーが表示されないようにしたい。しかし、問題は、何がこれを引き起こしているのかわからないことです。テンプレート ファイルをダウンロードし、コード エディターですべての幅プロパティを探し、すべて100%の s90%と pix 幅の値を値 100 に変更しましたが、ページは以前と同じです。

そのような場合に有効なルールを見つけるには、他に何を探すべきですか? ルールを見つけるために物事をチェックするための包括的な手順は何ですか?

4

5 に答える 5

2

幅を変更する代わりに、問題の原因と思われるものすべてにCSSプロパティoverflow: hiddenを追加してから、スクロールバーが再表示されて原因が特定されるまで、CSSプロパティを1つずつ削除してみてください。htmlに追加する必要があるかもしれませんbody。スクロールバーに実際のコンテンツが表示されない場合はoverflow: hidden、原因をそのままにして問題を解決できます。

于 2010-12-24T09:24:13.120 に答える
1

問題の原因は幅のプロパティではない可能性があります。コンテナーの幅がパーセンテージを使用して定義されている場合、テンプレート内にラップまたはフロートしないブロック要素があり、それがコンテナーを引き延ばしている可能性があります。

固定幅を使用してルート コンテナーを定義すると、このような問題の多くが解消されます。最初にそれを試して、うまくいくかどうかお知らせください。

于 2010-12-24T08:15:16.680 に答える
0

% は常に "100" で始まります。body タグの幅のパーセンテージが 100% に設定されていることを確認します。それに従って、ディスプレイの要件に従って他のコンポーネント % を設定するだけです。

個人的には、%の使用は「px」よりも優れていると信じています。CSS を知っている場合は、要件に従って「px」を % に変更してみてください。

于 2010-12-24T13:42:22.777 に答える
0

手順:

1)。ボックス モデルと、これが IE でどのように変化するかを理解します。「幅」の問題は、実際にはパディング、マージン、さらにはボーダーによって引き起こされる可能性が幅と同じくらいあります。

2)。他のブラウザでのレンダリングを確認してください。FF で問題を再現できる場合は、Firebug を入手し、それを使用して問題の要素の計算された寸法を調べ、問題を引き起こしている可能性のある子をトンネルします。Chrome には Firebug iirc に似たデバッガーがありますが、私はそれに慣れていません。

3)。これで何が問題なのかがわからない場合は、問題がなくなるまで CSS からルールまたはパターン全体を削除し始めます (または、すべてを削除して、問題が再発するまで少しずつ追加し直します)。その時点で、何が原因かがわかります。理由ではないにしても、問題を特定したら、いつでも質問を更新して理由を尋ねることができます。

h番目

(これのいずれかがすでに明らかである場合はApols)

于 2010-12-24T09:16:52.957 に答える
0

コンポーネントのmin-widthスタイルとオーバーフロー プロパティが に設定されているようautoです。後編集を行う前に効果が生きていることを確認するために、最初にFireBug Firefox Page Inspectorに設定してvisible実行することをお勧めします。投稿全体の幅を調整したいだけなら、blogger には標準インターフェースがありますテンプレートを手動で編集することもできます

于 2014-07-04T12:37:22.233 に答える