1

ここに私が取り組んでいるサイトへのリンクがあります。私は何らかの理由で、理由がわかりません。フッター div の上部に大きなマージンを持たせることで取得できます。しかし、それは、短いページにはいくつかの異なるフッター div が必要になることを意味します。

http://www.bwtdesigns.com/413

うまくいけば、コードの追加にも問題があります。私が欠けているものを見ることができます。ソースの表示。

4

2 に答える 2

1

"wrap" ID を持つフロート要素をdivクリアする必要があります。divこれは、クラス名に「group」を指定することで実行できます。フローティング要素を持つサイト全体のすべての親アイテムでこれを行うようにしてください。

また、スタイルシートに次のスタイルを追加する必要があります。これにより、フッターから上部マージンを削除できます。

IE8 以降のみをサポートする必要がある場合は、次を使用します。

.group:after {
  content: "";
  display: table;
  clear: both;
}

それ以外の場合は、これを使用します。

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
于 2013-02-08T23:02:02.123 に答える
0

あなたのコードをよく見るとわかりませんが、浮動要素がたくさんあると思います。フッターの直前にこれを追加します：

<div style="clear: both;"></div>

それが何かを変えるかどうか教えてください。clear: both;または、フッターに追加します。

追加したばかりの編集：

.footer {
  margin-top: 0;
  clear: both;
}

FF開発者ツールを使用してコードに追加すると、修正されました。Floats と clear CSS プロパティを読んでください。

于 2013-02-08T22:56:32.370 に答える