0.常見的塊級元素、行內元素、行內塊元素
行內元素 inline
- 行內元素不會獨佔一行，只佔自身的大小
- 行內元素在頁面中自左向右水平排列，如果一行之中不能容納下所有的行 內元素，則元素會換行，自左向右排列。
- 預設寬度和高度都是被內容撐開
- 只能設定margin-left和margin-right、padding-left和padding-right
- 行內塊元素不會獨佔一行，只佔自身大小
- 行內塊元素水平排雷，自左向右
- 可以設定寬、高
- 可以設定margin和padding
**2.元素脫離文件的特點**
float探索，脫離文件流？不脫離文件流？
float屬性是css2中的乙個屬性，很多時候我們都會用到她，但是通常只要一不小心就會遇到很多問題，跟設想的完全不一樣呀，怎麼回事？那麼這個時候我們應該冷靜下來好好探索一下這個屬性的用法，弄明白其原理，適用於什麼場景，這樣在任何情況下都能正確的使用她。最初，float是應用於影象，使文字環繞在其周圍...
CSS脫離文件流
脫離文件流 也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。需要注意的是，使用float脫離文件流時，其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。其他盒子與其他盒子內的文字都會無視它。float 如上圖 div2實...
css脫離文件流html元素位置控制
舉個簡單的例子，脫離文件流就相比我們上學時，將戶口遷移到學校，家鄉沒有留我們的戶口和位置。沒有脫離文件流就相當於，我們雖然走了，但是我們的戶口和位置還在原來的戶籍所在地。html頁面元素類似，沒有脫離文件流的元素會按原來的塊級元素 行內元素來進行排列劃分。脫離文件流的元素排列就不受原來的劃分規則制約...