1

私は自分のウェブサイトを少しコーディングしましたが、物事をうまく組み合わせるために愚かな大きな調整をしなければならないことに気付きました.2つのフローティング要素があり、フロートが次のdivのセットに引き継がれているためだと思います.ネストされていないのに!!

物事を簡単にするためにこれが起こっている理由を誰かが知っていますか?私はこれまでにライブにしました。ページの半分ほど上に「Do」がありますか?

問題はdivタグ「bannerleft」と「bannerright」の周りにあると思います。その後、フロートが続き、すべてが壊れると思いますか？私は間違っているかもしれません

ここにライブの例があります

4

3 に答える 3

1

これは、フロート（問題の2つのdiv）をクリアしていないためです..単に追加するだけです

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

bannerright/bannerleft div の後、フロートをクリアし、ドキュメントの残りの部分がそれらのフロート要素を尊重できるようにします..何かをフロートするときは、「フロー」から取り出します

フロートのクリアの詳細については、MDN のこのリンクを参照してください。

PS（フロートをクリアするにはさまざまな方法があります。提供した方法よりもクリーンな方法がいくつかあります。簡単にするためにそれを行いました）

于 2013-02-11T22:27:15.253 に答える
0

試す：

.clearfix {
clear: both;
}

最後のフロート要素

于 2013-02-11T22:26:41.667 に答える
0

ナット、これは Firefox では発生していません。body タグに最大幅または最小幅 (おそらく 980px) を配置し、overflow: hidden も body タグに含めてみてください。

于 2013-02-11T22:31:58.660 に答える