塊狀元素這麼霸道都是獨佔一行，如果現在我們想讓兩個塊狀元素併排顯示，怎麼辦呢？不要著急，設定元素浮動就可以實現這一願望。任何元素在預設情況下是不能浮動的，但可以用css定義為浮動，如div、p、table、img等元素都可以被定義為浮動。如下**可以實現兩個div元素一行顯示。
div
當然你也可以同時設定兩個元素右浮動也可以實現一行顯示。
div又有小夥伴問了，設定兩個元素一左一右可以實現一行顯示嗎？當然可以：
CSS布局模型（流動模型 浮動模型 層模型）
在網頁中，元素有三種布局模型 1 流動模型 flow default，就是塊級元素都自上而下的分布，寬度都為100 內聯元素都從左到右水平分布。2 浮動模型 float div p table img 等元素都可以設定為浮動。兩個 div 顯示在一行的 如下 div3 層模型 layer 層模型有三...
CSS 布局模型
一.流動模型 flow 1.首先它是網頁預設的布局方式，有兩個基本的特徵 i.塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分布，因為在預設狀態下，塊狀元素的寬度都為100 實際上，塊狀元素都會以行的形式佔據位置。如右側 編輯器中三個塊狀元素標籤 div，h1，p 寬度顯示為100 ii.在流...
CSS布局模型
css包含3種基本的布局模型，用英文概括為 flow layer 和 float。在網頁中，元素有三種布局模型 1 流動模型 flow 2 浮動模型 float 3 層模型 layer 1.流動模型 流動 flow 是預設的網頁布局模式。也就是說網頁在預設狀態下的 html 網頁元素都是根據流動模型...