ホームページ > ウェブフロントエンド > htmlチュートリアル > float 生成ブロックレベルボックスについて。 _html/css_WEB-ITnose

float 生成ブロックレベルボックスについて。 _html/css_WEB-ITnose

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

CSS HTML W3C

w3c では、float を使用する要素はブロックレベルのボックスを生成すると定義されています。ブロックレベルは単なる改行ではないでしょうか。
では、なぜ float:left で設定された div の後の div がラップせずに直接続くのでしょうか?これはいったい何を意味するのでしょうか?




マスター、この写真を見てください。

えー
-------------------------------------------- ----------------------------------------------------

りー





なぜ左側に青い部分が追加されているのですか?誰に合わせたものですか?メインの高さがサイドよりも大きいことがわかります。 。 。

アドバイスをお願いします。

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

こちらのリンクを参照してください http://paranimage.com/css-float-attribute/

ブロックレベルは改行だけではないでしょうか?
違います!ブロックレベルとは、改行がないことを意味します

はい、上の階の正解は、float によって通常のフローからラベルが外れるということです
良い場合は良いですが、良くない場合は推奨されません...


このリンクを参照できます http://paranimage.com/css-float-attribute/

ブロックレベルは単なる改行ではありませんか?
違います!ブロックレベルとは改行がないことを意味します
教えてください、ブロックレベルのボックスとブロックレベルの要素は異なるプロパティを持っていますか?

ブロックレベルでは、後続の div の幅と現在の div の幅の合計が 100% より大きい場合、
自動的に折り返されます。 高さは親要素を引き伸ばしません。つまり、高さの計算時には無視されます。行の高さ。親要素内のすべての要素が float の場合、親要素は高さ 0 に折りたたまれます。ただし、水平線上では、左右のある float の場合、左右に浮動しますが、完全には壊れません。文書の流れから完全に分離されている絶対とは異なり、占有された位置はまだそこにあります。

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