CSS中div設(shè)置長寬的方法

在CSS中，我們可以使用width和height屬性來設(shè)置div的長和寬，這兩個屬性分別表示div的寬度和高度。

我們來看如何設(shè)置div的寬度，在CSS中，我們可以使用像素(px)、百分比(%)、em等單位來設(shè)置寬度，如果我們想要將一個div的寬度設(shè)置為200像素，我們可以這樣寫：

div {
  width: 200px;
}

如果我們想要將一個div的寬度設(shè)置為父元素寬度的50%，我們可以這樣寫：

div {
  width: 50%;
}

如果我們想要將一個div的寬度設(shè)置為當(dāng)前字體大小的1.5倍，我們可以這樣寫：

div {
  width: 1.5em;
}

同樣，我們也可以設(shè)置div的高度，在CSS中，除了像素、百分比、em等單位外，我們還可以使用其他單位來設(shè)置高度，如視口高度單位(vh)、視口寬度單位(vw)等，如果我們想要將一個div的高度設(shè)置為500像素，我們可以這樣寫：

div {
  height: 500px;
}

如果我們想要將一個div的高度設(shè)置為視口高度的50%，我們可以這樣寫：

div {
  height: 50vh;
}

需要注意的是，如果div中沒有內(nèi)容或者內(nèi)容不足以填充整個空間，那么即使我們設(shè)置了寬度和高度，div的大小也可能不會按照我們設(shè)置的值來顯示，在設(shè)置div的寬度和高度時，我們還需要考慮其內(nèi)容以及是否需要添加額外的樣式來填充空間。