兩個div在同一行顯示的方法：

1、給兩個div元素設置“display:inline;”或“display:inline-block;”樣式，讓其轉變為內聯元素或行內塊元素即可。

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

方法1：使用display屬性讓其轉變為內聯元素或行內塊元素

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

• display:inline;：元素會被顯示為內聯元素，元素前后沒有換行符。

• display:inline-block;：元素會被顯示為行內塊元素，元素前后沒有換行符。

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

我們對div設置一個float浮動屬性即可解決不并排顯示，只要你的并排div盒子總寬度小于或等于最外層盒子寬度即可實現多個div對象并排顯示。

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

如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。