1：浮動後：元素本身脫離文件流，原來的位置被其他元素所佔據
2：浮動後；在同乙個父元素中，目標元素回佔據乙個浮動後位置。
3：注意：浮動只能是；子元素在容器中進行位置移動。如果父容器剩餘寬度不能容納兩乙個子元素，那麼久換行。
** 目標元素的浮動範圍：父容器
4：同一位置多個元素；具有浮動屬性的元素；層級高於不懼有浮動屬性的元素
總結;浮動規律：第一步元素在布局流中的起始位置，第二步 ：沿自身水平方向進行浮動，如果水平方向空間不夠，那麼自動換到下一行
4：問題：如果父元素沒有有高度那麼會出現什麼問題呢？？
父元素沒有設定固定高誒；那麼 ，父元素高度由子元素撐起來。
如果所有子元素都脫離了文件流；那麼父元素久沒有高度了
只有不脫離文件流的元素才能撐起父元素的高度
5: 解決浮動 帶來的問題，
- 方式一：給父元素設定乙個固定高度
- 方式二：在最後乙個浮動元素，元素下面新加乙個元素，清除浮動
- 方式三：偽元素清除；給父元素新增微元素 content:"",display:block ;clear:both;
行；塊；行內塊；可以相互轉化
總結：所有破壞流式布局的屬性，都是講原本的塊元素轉化為行內塊。
父元素浮動子元素會浮動嗎 13浮動
1 浮動的定義 float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。css 的 float 浮動 使元素脫離文件流，按照指定的方向 左或右發生移動 直到它的外邊緣碰到包含框或...
元素浮動與清除浮動
我們知道，塊元素具有的特點是具有完整的盒模型和自己佔一行。當我們想讓多個塊元素同佔一行時，我們通常使用的方法除了利用display屬性之外，還可以利用float屬性，使其浮動，達到同佔一行的效果。float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css ...
浮動元素詳解
1.行內元素 包括文字 input button等等 環繞浮動元素，這也是float設計之初的目的，可以實現文字環繞等效果 2.較早時期用來進行頁面布局，現在有了inline block flex grid等等更方便的方法 浮動元素會根據屬性值向左或向右浮動，浮動元素會脫離普通文件流，進入浮動流，浮...