3

私は自分のウェブサイトを構築していて、このトリッキーな問題に遭遇しました:

同じ外部 css を使用すると、ページの表示が異なります (about ページとexperience ページなど)。

この 2 つの違いを調べ、いくつかの簡単な回避策を試しましたが、うまくいきませんでした。pagebody div がページ タイトルと一致していることに気付き、ページ タイトルを「過去の経験」に拡張しました ( example )。

本当の問題を理解するのを手伝ってくれる人はいますか? スタイルシートに問題はありますか？

前もって感謝します！

4

3 に答える 3

4

以下を追加することで問題を解決できます。

#pagebody{clear: left;}
于 2012-08-16T07:39:49.720 に答える
0

cssに入れるだけ

#headline {
    float: left;
    width:100%;

}

結果

ここに画像の説明を入力

于 2012-08-16T07:33:39.310 に答える
0

これを CSS に追加するだけです。

#headline { overflow:hidden; }

ここでの問題は、フロートされたナビゲーションとロゴがクリア/含まれていないため、フロートの後の要素が次の行に続き、通常のドキュメント フローを返すことができることです。

また、フロートを使用する場合はwidth、フロート要素にセットを設定することをお勧めします。幅は任意の単位、px、emまたは%

代わりにこれを行うこともできます：

#pagebody { clear:both; }

これは、左右のフロートをクリア#pagebodyして通常のドキュメント フローに戻るコードです。#headline

于 2012-08-16T07:34:31.670 に答える