兩個(gè)div在同一行顯示的方法：

1、給兩個(gè)div元素設(shè)置“display:inline;”或“display:inline-block;”樣式，讓其轉(zhuǎn)變?yōu)閮?nèi)聯(lián)元素或行內(nèi)塊元素即可。

2、給兩個(gè)div元素設(shè)置“float:left;”樣式即可。

方法1：使用display屬性讓其轉(zhuǎn)變?yōu)閮?nèi)聯(lián)元素或行內(nèi)塊元素

display屬性用于定義建立布局時(shí)元素生成的顯示框類型。

• display:inline;：元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。

• display:inline-block;：元素會(huì)被顯示為行內(nèi)塊元素，元素前后沒有換行符。

方法2：使用float讓Div并排顯示

我們對div設(shè)置一個(gè)float浮動(dòng)屬性即可解決不并排顯示，只要你的并排div盒子總寬度小于或等于最外層盒子寬度即可實(shí)現(xiàn)多個(gè)div對象并排顯示。

float 屬性定義元素在哪個(gè)方向浮動(dòng)。以往這個(gè)屬性總應(yīng)用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動(dòng)。浮動(dòng)元素會(huì)生成一個(gè)塊級框，而不論它本身是何種元素。

如果浮動(dòng)非替換元素，則要指定一個(gè)明確的寬度；否則，它們會(huì)盡可能地窄。