ホームページ > ウェブフロントエンド > htmlチュートリアル > 新人が助けを求めて叫びます!_html/css_WEB-ITnose

新人が助けを求めて叫びます!_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:10:50
オリジナル
1184 人が閲覧しました

[img=http://cm.qzs.qq.com/qzone/photo/zone/new/photoNewView.html#aid=V13enn621fH0VC&lloc=NDFi5.LOECe*p0.YmwoNF0dxOrNhAAA!][/img]
に示すように写真: 赤い線 右側に div1 が浮かんでいます
[img=http://b96.photo.store.qq.com/psb?/V13enn621fH0VC/jWBrKPD0zwVHN0NVgI.ONb0rZh0hsVKfTmrR61DcR6A!/b/YRokQzlbdwAAYkeUPjk7dwAA][/img]
として写真に示されています: 赤い円の中に、div1 にネストされた左側に浮いている div2 があります
[img=http://b95.photo.store.qq.com/psb?/V13enn621fH0VC/FQkuMAg2ng.PgeVFZtGI*PY1PRHfWWADKBySggL1hgo!/b/ YT2Qqjj8dQAAYkwnrzjkdgAA][/img ]

図に示すように、余分なスペースをクリアする方法は次のとおりです。

html:


< div class="div1">
lt;/div>

css:
.div1{float:right;}
. div2{float:left;}




ディスカッションへの返信 (解決策)
.div2
{
float:left;

margin:0;

ということです。フローティング ブロック内に複数のフローティング ブロックがネストされています

これらのブロックが親ブロックと同じ高さである場合、それらは確実に下に移動して親ブロックからオーバーフローします

小さなブロックがオーバーフローするのを防ぐ方法を知りたいです。親ブロック

投稿者は html+css を使用して問題を提示しました。

写真はすべてダウンしています = =

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