今天在看div布局的時候講到了利用float屬性來實現元素的浮動，一開始搞得不是很明白，現總結如下：
無論如何，div是一種塊元素，每個元素鐵定會佔一行，無論當前行是否已經用完了，也就是所謂的「流」的概念
例如：
1號塊
2號塊3號塊
4號塊樣式：
div#container
div#b1
div#b2
div#b3
div#b4
如果乙個div塊被設為浮動的話，它將脫離這個流，自主地去填充這個區域，去靠到最左邊或者最右邊
比如講2號塊設為向左浮動，為了醒目，將3號塊的長度變長了
div#container
div#b1
div#b2
div#b3
div#b4
如果將連續的兩個塊設為浮動的話，他們都將和流中的上乙個元素的下邊沿對齊，並且靠後的那個浮動元素（假設兩個浮動元素都是向左浮動的）會靠在前面那個元素的左邊。如果空間不夠，則會被擠向下一行。
比如：
div#container
div#b1
div#b2
div#b3
div#b4
4號塊的長度伸長為
當然，也可以向右浮動。這樣的話，排在前面的元素會更靠右，後面的元素會更靠左。
還有一點要注意，就是元素的id必須以英文本母開頭，否則識別不到。
html5的div左右布局方面問題 1
語句來做。經常有人問我如何使用標籤來做左邊和右邊排序 float left 我是左邊的div float left 我是緊鄰左邊的div 這段實現的 行實際上是利用了style float left 這個語句，效果圖如下 這段是沒必要擔心兩個欄位會重疊，它會自動判斷並且自行排序，也就是自動將第二段字...
html5 伸縮布局
基本概念 1 主軸 flex容器的主軸主要用來配置flex專案，預設是水平方向 2 側軸 與主軸垂直的軸稱作側軸，預設是垂直方向的 3 方向 預設主軸從左向右，側軸預設從上到下 4 主軸和側軸並不是固定不變的，通過flex direction可以互換 display flex 給父盒子加flex屬性...
學習筆記 HTML5中的FLEX布局
子元素屬性 2009年，w3c 提出了一種新的方案 flex 布局，可以簡便 完整 響應式地實現各種頁面布局。目前，它已經得到了所有瀏覽器的支援，這意味著，現在就能很安全地使用這項功能。該屬性規定了將此元素作為乙個flex容器，其中的子元素預設轉化為flex專案 決定主軸的方向 定義如何換行 fle...