CSS中定義寬度和高度的方法

在CSS中，我們可以使用width和height屬性來(lái)定義一個(gè)元素的寬度和高度，這些屬性的值可以是固定的像素值，也可以是百分比或em等相對(duì)單位。

如果我們想要將一個(gè)元素的寬度設(shè)置為200像素，高度設(shè)置為100像素，我們可以這樣寫(xiě)：

element {
  width: 200px;
  height: 100px;
}

element是要應(yīng)用樣式的元素的選擇器。

除了像素值外，我們還可以使用百分比來(lái)定義寬度和高度，百分比的值是基于包含塊的寬度和高度的，如果我們想要將一個(gè)元素的寬度設(shè)置為包含塊寬度的50%，我們可以這樣寫(xiě)：

element {
  width: 50%;
}

我們還可以使用em單位來(lái)定義寬度和高度，em單位是基于當(dāng)前元素的字體大小的，如果我們想要將一個(gè)元素的寬度設(shè)置為當(dāng)前元素字體大小的1.5倍，我們可以這樣寫(xiě)：

element {
  width: 1.5em;
}

需要注意的是，如果元素是行內(nèi)元素（如span、a等），則height屬性無(wú)效，因?yàn)樾袃?nèi)元素的高度由其內(nèi)容決定，對(duì)于塊級(jí)元素（如div、p等），height屬性則可以正常生效。