CSS如何讓兩個方塊同時顯示

在CSS中，我們可以使用多種方法讓兩個方塊同時顯示，以下是一些常見的解決方案：

1、使用***定位

我們可以將兩個方塊設置為***定位，并使用top和left屬性來指定它們的位置，這樣，兩個方塊就可以在同一位置同時顯示。

.box1, .box2 {
  position: absolute;
  top: 0;
  left: 0;
}

2、使用浮動

我們可以將兩個方塊設置為浮動，并使用float屬性來指定它們的浮動方向，這樣，兩個方塊就可以在同一行內同時顯示。

.box1, .box2 {
  float: left;
}

3、使用Flexbox

我們可以將兩個方塊設置為Flexbox容器中的子元素，并使用flex屬性來指定它們的排列方式，這樣，兩個方塊就可以在同一行內或同一列中同時顯示。

.container {
  display: flex;
}
.box1, .box2 {
  flex: 1;
}

4、使用Grid布局

我們可以將兩個方塊設置為Grid布局中的子元素，并使用grid屬性來指定它們的排列方式，這樣，兩個方塊就可以在同一行內或同一列中同時顯示。

.container {
  display: grid;
}
.box1, .box2 {
  grid: 1 / 1;
}

無論使用哪種方法，都可以讓兩個方塊同時顯示，您可以根據(jù)自己的需求選擇***適合的方法。