解決CSS兩個div換行的方法

在CSS中，我們可以通過設(shè)置div元素的樣式來實現(xiàn)兩個div換行的效果，我們可以使用以下兩種方法：

1、使用margin屬性

我們可以給第二個div元素設(shè)置一個上邊的外邊距（margin-top），使其與***個div元素之間產(chǎn)生一定的距離，從而實現(xiàn)換行的效果。

<div style="width: 200px; height: 200px; background-color: red;"></div>
<div style="width: 200px; height: 200px; background-color: blue; margin-top: 20px;"></div>

在上面的代碼中，第二個div元素與***個div元素之間產(chǎn)生了20像素的距離，從而實現(xiàn)了換行的效果。

2、使用flex布局

我們可以將兩個div元素放入一個flex容器中，并設(shè)置flex-direction屬性為column，使其垂直排列。

<div style="display: flex; flex-direction: column;">
  <div style="width: 200px; height: 200px; background-color: red;"></div>
  <div style="width: 200px; height: 200px; background-color: blue;"></div>
</div>

在上面的代碼中，兩個div元素被放入了一個flex容器中，并設(shè)置了flex-direction屬性為column，使其垂直排列，從而實現(xiàn)了換行的效果。

我們可以通過設(shè)置div元素的樣式或使用flex布局來實現(xiàn)兩個div換行的效果，具體使用哪種方法取決于我們的需求和場景。