CSS中的寬度和高度設(shè)置

在CSS中，我們可以使用width和height屬性來(lái)設(shè)置元素的寬度和高度，這些屬性可以指定具體的數(shù)值，或者通過(guò)百分比、em、rem等相對(duì)單位來(lái)設(shè)置。

我們可以將一個(gè)元素的寬度設(shè)置為500像素，或者將高度設(shè)置為100%。

div {
  width: 500px;
  height: 100%;
}

在上面的代碼中，div元素的寬度被設(shè)置為500像素，高度則被設(shè)置為100%，這意味著元素的高度將等于其包含塊的高度。

除了width和height屬性，CSS還提供了其他一些與寬度和高度相關(guān)的屬性，例如min-width、max-width、min-height和max-height，這些屬性可以用來(lái)限制元素的寬度和高度范圍。

我們還可以在CSS中使用box-sizing屬性來(lái)改變?cè)氐膶挾群透叨扔?jì)算方式，默認(rèn)情況下，元素的寬度和高度只包括其內(nèi)容區(qū)域，而不包括邊框、內(nèi)邊距和外邊距，如果我們將box-sizing屬性設(shè)置為border-box，那么元素的寬度和高度就會(huì)包括邊框、內(nèi)邊距和外邊距。

div {
  width: 500px;
  height: 100%;
  box-sizing: border-box;
}

在上面的代碼中，div元素的寬度仍然為500像素，但由于box-sizing屬性被設(shè)置為border-box，因此其高度將包括邊框、內(nèi)邊距和外邊距。