在CSS中，您可以使用多種方法來留出空間，以下是一些常見的方法：

1、使用margin屬性：

CSS的margin屬性用于設(shè)置元素周圍的空間。margin-top、margin-right、margin-bottom和margin-left分別用于設(shè)置元素上、右、下和左邊的空間。

div {
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 20px;
  margin-left: 30px;
}

2、使用padding屬性：

padding屬性用于設(shè)置元素內(nèi)部的空間，與margin類似，padding-top、padding-right、padding-bottom和padding-left分別用于設(shè)置元素上、右、下和左邊的內(nèi)部空間。

div {
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
}

3、使用border屬性：

雖然border屬性主要用于設(shè)置元素的邊框，但它也可以影響元素的空間，通過調(diào)整邊框的寬度和樣式，您可以間接地留出更多的空間。

div {
  border-width: 20px;
  border-style: solid;
}

4、使用flexbox布局：

Flexbox是一種強大的布局工具，允許您輕松地控制元素之間的空間分配，通過調(diào)整flex-grow、flex-shrink和flex-basis屬性，您可以***地控制每個元素所占的空間。

div {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
}

5、使用grid布局：

CSS的grid布局允許您創(chuàng)建復(fù)雜的二維布局，其中每個元素都可以占據(jù)特定的行和列空間，通過調(diào)整grid的列寬和行高，您可以輕松地留出空間。

div {
  display: grid;
  grid-template-columns: 200px 100px 150px;
  grid-template-rows: 50px 100px;
}

這些方法可以幫助您在CSS中有效地留出空間，使您的設(shè)計更加靈活和美觀，您可以根據(jù)自己的需求選擇***適合的方法。