CSS浮動佈局-float

CSS浮動佈局-float

---

學習頁面佈局，浮動會是你們常常用到的屬性，在好多排版佈局中都是用到的浮動，好比說下面這些地方都應用到了浮動。

一：首先咱們說下什麼是浮動？ 浮動：使得元素脫離文檔流，按照指定的方向(左或右發生移動)，直到它的邊緣碰到包含框或另外一個浮動框爲止。 二：屬性 float:left; 左浮動 float:right; 右浮動 三：浮動時 下面用一個小例子來說解浮動，css樣式給了一個寬、高和背景顏色

1.左浮動 float:left; 給裏面的四個p標籤float:left; 會發現他們按照順序排列成一排

2.右浮動 float:right 給裏面的四個p標籤float:right;會發現他們按照順序排列成一排

3.這一次咱們只給第二個p標籤浮動 會發現3在2的後面

4.給4一個浮動，他會沒有什麼變化，由於浮動只會影響他後面的元素，若是上面的元素不浮動，他也不會上去的！這個很重點哦~

5.浮動對文字的影響，咱們如今給1框浮動 浮動框只會佔據本身的位置，使得文字能夠圍繞浮動框顯示

6.浮動後特性~ 1.塊級元素能夠橫排排列 2.行內元素能夠設置寬和高 3.元素沒有設置寬和高時，寬度爲內容撐開寬 4.支持使用元素margin 5.脫離文檔流 問題：不支持margin：auto

關於清除浮動目前有幾大方法，須要的小夥伴能夠評論喊我~