CSS中讓兩個(gè)div水平排列的方法

在CSS中，我們可以使用多種方法讓兩個(gè)div元素水平排列，以下是一些常見的方法：

1、使用float屬性

通過給div元素設(shè)置float屬性，我們可以使其浮動(dòng)到左側(cè)或右側(cè)，從而實(shí)現(xiàn)水平排列。

.div1 {
  float: left;
}
.div2 {
  float: right;
}

2、使用display屬性

通過給div元素設(shè)置display屬性為inline或inline-block，我們可以使其像文本一樣水平排列。

.div1 {
  display: inline-block;
}
.div2 {
  display: inline-block;
}

3、使用flex布局

使用flex布局，我們可以輕松地將兩個(gè)div元素水平排列。

.container {
  display: flex;
}
.div1 {
  flex: 1;
}
.div2 {
  flex: 1;
}

4、使用grid布局

使用grid布局，我們也可以輕松地將兩個(gè)div元素水平排列。

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.div1 {
  grid-column: 1;
}
.div2 {
  grid-column: 2;
}

是一些常見的讓兩個(gè)div元素水平排列的方法，你可以根據(jù)自己的需求選擇適合的方法。