ホームページ > ウェブフロントエンド > htmlチュートリアル > div+css に問題があります。online を待機しています_html/css_WEB-ITnose

div+css に問題があります。online を待機しています_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:59:09
オリジナル
1079 人が閲覧しました

http://www.pjspw.com/productwindow-27.html,
IEブラウザでは正常に閲覧できますが、Sogouブラウザでは他のブラウザとの間に大きな空白が表示されてしまいます アドバイスをお願い致します。カミングアウトの理由


ディスカッションへの返信 (解決策)

<style>.main{overflow:hidden;border:1px solid #ccc;}.l{float:left;width:200px;height:100px;clear:left;background-color:#aaa;}.r{float:right;width:200px;height:100px;clear:right;background-color:#eee;}</style><body><div class = "main">	<div class = "l">1</div>	<div class = "l">2</div>	<div class = "r">3</div></div><div class = "main">	<div class = "l">1</div>	<div class = "r">3</div>	<div class = "l">2</div></div>
ログイン後にコピー


フロートの理由、上の例を見てください。

float 要素は、その兄弟の前の float 要素の影響を受けます。


通常に戻すには、この 2 つの文を削除してください
満足したら投稿を閉じてください

余分な p1left を書きました、わかりますか?

試してみます、すぐに投稿されます!皆さんありがとう

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート