CSS兩個(gè)div的寫法

在CSS中，兩個(gè)div的寫法可以通過多種方法實(shí)現(xiàn)，以下是一些常見的寫法：

1、父子關(guān)系：一個(gè)div包含另一個(gè)div，通常用于構(gòu)建復(fù)雜的頁面布局。

<div class="parent">
  <div class="child"></div>
</div>

2、并列關(guān)系：兩個(gè)div元素并列顯示，通常用于構(gòu)建橫向布局。

<div class="div1"></div>
<div class="div2"></div>

3、使用Flex布局：通過CSS的Flex布局，可以輕松地實(shí)現(xiàn)兩個(gè)div的排列方式。

<div class="container">
  <div class="item1"></div>
  <div class="item2"></div>
</div>

在CSS中設(shè)置Flex布局：

.container {
  display: flex;
  justify-content: space-between;
}

4、使用Grid布局：CSS的Grid布局也是實(shí)現(xiàn)兩個(gè)div排列的好方法。

<div class="grid-container">
  <div class="grid-item1"></div>
  <div class="grid-item2"></div>
</div>

在CSS中設(shè)置Grid布局：

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

是幾種常見的CSS兩個(gè)div的寫法，可以根據(jù)具體的需求選擇適合的方法。