轉: https://www.jianshu.com/p/07eb19957991 CSS里浮動float是個概念比較曖昧的屬性，擼主最早對浮動 ...

在了解float之前，我們需要了解一個概念-標准文檔流 文檔流是文檔中可顯示對象在排列時所占用的位置。而標准文檔流指的是在不使用其他的與排列和定位相關的特殊CSS規則時，各種元素的排列規則。標准流里面的限制非常多，導致很多頁面效果無法實現。如果我們現在就要並排、並且就要設置寬高，就要使文檔 ...

css之浮動布局 本人博客：查看文章 1.什么是浮動：在我們布局的時用到的一種技術，能夠方便我們進行布局，通過讓元素浮動，我們可以使元素在水平上左右移動，再通過margin屬性調整位置 2.浮動的原理：使當前元素脫離普通流，相當於浮動起來一樣，浮動的框可以左 ...

一、float設計初衷 因為float被設計出來的初衷是用於——文字環繞效果。即，一個圖片一段文字，圖片float:left之后，文字會環繞圖片。 二、float多個特性 2.1. 破壞性 　　首先大家來看兩個demo，如下圖。第一個demo是一個簡單不過的例子 ...

一、float設計初衷 因為float被設計出來的初衷是用於——文字環繞效果。即，一個圖片一段文字，圖片float:left之后，文字會環繞圖片。 二、float多個特性 2.1. 破壞性 　　首先大家來看兩個demo，如下圖。第一個demo是一個簡單不過的例子 ...

來源：https://blog.csdn.net/liveinmylife/article/details/51838939 1，flex布局是個什么東西？ 官方說法：Flex是Flexible Box的縮寫，意為”彈性布局”，用來為盒狀模型提供最大的靈活性。任何一個容器都可以指定為Flex ...

　　浮動float： 　　　　浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。 　　　　由於浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。(W3C) 　　絕對定位absolute: 　　　　設置為絕對定位的元素框從文檔流完全刪除 ...

所謂文檔流，指元素在排版布局的過程中，元素會自動從左到右，從上到下的流式排列。脫離文檔流呢，就是元素打亂了這個排列，或是從排版中拿走。 說到文檔流呢，我們先來說一下元素，每個元素呢，都有display屬性。 行內元素本身是display：inline屬性例如:a b span img ...