本文目錄導(dǎo)讀：

1. 使用浮動(dòng)（float）
2. 使用Flex布局

CSS兩個(gè)div怎么并排

在CSS中，我們可以使用多種方法將兩個(gè)div元素并排，這里，我將介紹兩種常用的方法：使用浮動(dòng)（float）和使用Flex布局。

使用浮動(dòng)（float）

浮動(dòng)是一種CSS布局技術(shù)，它允許元素在容器中左右移動(dòng)，直到遇到另一個(gè)元素或容器的邊界，要使兩個(gè)div元素并排，我們可以給它們添加相同的浮動(dòng)樣式。

.div1, .div2 {
  float: left;
}

在上面的代碼中，我們給兩個(gè)div元素添加了相同的浮動(dòng)樣式，使它們可以并排顯示，你可以根據(jù)需要調(diào)整它們的寬度、高度、顏色等樣式屬性。

使用Flex布局

Flex布局是一種更現(xiàn)代的CSS布局技術(shù)，它允許我們更靈活地控制元素的排列方式，要使兩個(gè)div元素并排，我們可以給它們的容器添加Flex布局樣式，并設(shè)置它們的寬度為相同的值。

.container {
  display: flex;
}
.div1, .div2 {
  width: 50%;
}

在上面的代碼中，我們給容器添加了Flex布局樣式，并將兩個(gè)div元素的寬度設(shè)置為相同的值（50%），使它們可以并排顯示，你也可以根據(jù)需要調(diào)整它們的寬度、高度、顏色等樣式屬性。

無論使用哪種方法，都可以實(shí)現(xiàn)兩個(gè)div元素的并排顯示，你可以根據(jù)自己的需求和喜好選擇***適合你的方法。