一、CSS盒子模型 　　HTML文檔中的每個元素都被描繪成矩形盒子，這些矩形盒子通過一個模型來描述其占用空間，這個模型稱為盒子模型。 　　盒子模型通過四個邊界來描述：margin（外邊距），border（邊框），padding（內填充），content（內容區域），如圖所示： 　　需要 ...

　　 ...

在標准流中，一個塊級元素在水平方向會自動伸展，直到包含它的元素的邊界；而在豎直方向和兄弟元素依次排列，不能並排。使用“浮動”方式后，塊級元素的表現就會有所不同。 CSS中有一個float屬性，默認為none，也就是標准流通常的情況。如果將float屬性的值設置為left ...

在寫頁面布局的過程中，浮動是大家經常用的屬性。在好多的排版布局中都是用的的浮動比如說下面這些地方都是應用到了浮動。 在我學習浮動的時候可是熬壞了腦筋，在這里我分享一下我對浮動這塊知識的總結。 一、浮動的定義 　　使元素脫離文檔流，按照指定的方向（左或右發生移動），直到 ...

文檔流 　　css中的塊級元素在頁面中是獨占一行的，自上而下排列，也就是我們所說的流，通常我們稱之為文檔流或標准流。 浮動 　　使元素脫離文檔流，按照指定的方向（左或右發生移動），直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。起初，W3C規定出來的浮動實際並不是為了布局 ...

1.浮動float 　　div配合float浮動來做頁面的布局，浮動最常用的地方就是用來做布局。只有一個標簽設置了浮動float屬性，就會變成塊級標簽。 2.清除浮動clear屬性 （1）利用偽元素具有clear清除浮動的屬性來解決父標簽塌陷 ...

【轉】 首先要知道，div是塊級元素，在頁面中獨占一行，自上而下排列，也就是傳說中的流。如下圖： 可以看出，即使div1的寬度很小，頁面中一行可以容下div1和div2，div2也不會排在di ...

cp from : https://blog.csdn.net/wwwxuewen/article/details/80859764 傳統的布局：圍繞盒子模型（border、margin、padding） 定位（position）、浮動（float）等。 flex布局又叫彈性布局 ...