語句來做。
經常有人問我如何使用標籤來做左邊和右邊排序:
"float: left;"
>
我是左邊的div
"float: left;"
>
我是緊鄰左邊的div
style="float: left;"這個語句，效果圖如下：
這段是沒必要擔心兩個欄位會重疊，它會自動判斷並且自行排序，也就是自動將第二段字段放在第一段欄位的句末後面。
那麼這裡就有人問為什麼下面**不能實現呢？
style=「left」這裡我要說一下：
left:屬性設定定位元素左外邊距邊界與其包含塊左邊界之間的偏移。(只能用於dom)
float:left;(左浮動)他使得指定元素脫離普通的文件流而產生的特別的布局特性。並且float必需應用在塊級元素之上，也就是說浮動並不應用於內聯標籤。或者換句話來說當應用了float那麼這個元素將被指定為塊級元素。(浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動的邊框為止)
注意：
這裡left是只能用於dom
文件流是指html5的文件布局方式
一般有流式布局，浮動布局，固定布局和彈性布局等幾種方式。
如果要用以上的**實現是無法實現，因為……
div預設上下分局，要改變為左右分局必須使用float: left改變布局。
建議用style="float: left;"這樣的樣式，這個是最簡便的**。
HTML5中div布局的float屬性
今天在看div布局的時候講到了利用float屬性來實現元素的浮動，一開始搞得不是很明白，現總結如下 無論如何，div是一種塊元素，每個元素鐵定會佔一行，無論當前行是否已經用完了，也就是所謂的 流 的概念 例如 1號塊 2號塊3號塊 4號塊樣式 div container div b1 div b2 ...
html5 伸縮布局
基本概念 1 主軸 flex容器的主軸主要用來配置flex專案，預設是水平方向 2 側軸 與主軸垂直的軸稱作側軸，預設是垂直方向的 3 方向 預設主軸從左向右，側軸預設從上到下 4 主軸和側軸並不是固定不變的，通過flex direction可以互換 display flex 給父盒子加flex屬性...
HTML5 布局篇 總結
1 像這樣的行內標記，定義它的margin top和margin bottom是無效的，除非你把它設定為塊狀元素才可以。display block 2 對於塊狀元素，你可以自由的使用外邊距來定義版式和元素之間的距離。類似 div 等等，3 無論什麼元素，一旦設定為是浮動顯示，就擁有了完整的盒模型結構...