作者：張秋怡 鏈接：http://www.zhihu.com/question/24529373/answer/29135021 來源：知乎 著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。 Q: 脫離文檔流就不占據空間了嗎？ A: 可以這么說 ...

　　1.脫離文檔流 　　　　目前我知道的是有三種方式來使標簽脫離文檔流 　　　　　　（1）浮動 　　　　　　（2）固定定位 　　　　　　（3）絕對定位 　　 ...

所謂的文檔流，就好比如一塊塊的正方形組成的一個整體，而這些正方形就代表着每個div。當某個div脫離了這個整體，也就代表他脫離了文檔流。然后下一個div就會來填補脫離的div的位置。下面是流程圖。　　有四個小朋友在買小賣部排隊買糖吃~ 第一個買完了糖的小朋友脫離了排隊的隊伍開心的吃糖 ...

在了解浮動屬性之前，首先我們先了解一下html中關於display屬性的相關知識。 display屬性常用的有inline, block, inline-block. inline也就 ...

一、文檔流 1. 什么是文檔流？ 將窗體自上而下分成一行一行，並在每行中按照從左到右依次排放元素，稱為文檔流（normal stream又稱普通流）在html中，html元素都是盒模型，盒子模型占用一定的空間，依次排放在html 中，形成了文檔流。 2. 什么是脫離文檔流？ 元素脫離文檔流 ...

浮動 　　最基本的浮動方式我們都知道，它是一個半脫離文檔流的方式，那么為啥叫做半脫離文檔流呢？接下來我們就來以實例來解釋一下 　　第一個實例： .box1{ 　　width: 100px; 　　height: 100px; 　　background-color: pink; }< ...

什么是文檔流？ 將窗體從上至下分成一行一行，並在每行中按從左至右依次排放元素，稱為文檔流，也稱為普通流。這個應該不難理解，HTML中全部元素都是盒模型，盒模型占用一定的空間，依次排放在HTML中，形成了文檔流。 什么是脫離文檔流？ 元素脫離文檔流之后，將不再在文檔流中占據空間，而是處於 ...

當元素設置position:absolute時，會脫離正常文檔流，后面元素會忽略該元素－》覆蓋 可以給元素設置min-height解決 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ postion 屬性定義了一個元素 ...