CSS修改div高度寬度的方法

在CSS中，我們可以使用多種方法來修改div元素的高度和寬度，以下是一些常見的技巧：

1、使用height和width屬性

CSS中的height和width屬性用于設(shè)置元素的高度和寬度，你可以通過以下方式修改div元素的大?。?/p>

div {
  height: 200px;  // 設(shè)置div的高度為200像素
  width: 300px;   // 設(shè)置div的寬度為300像素
}

2、使用max-height和max-width屬性

max-height和max-width屬性用于設(shè)置元素的***大高度和寬度，這對于防止元素在內(nèi)容過多時(shí)溢出容器非常有用：

div {
  max-height: 500px;  // 設(shè)置div的***大高度為500像素
  max-width: 600px;   // 設(shè)置div的***大寬度為600像素
}

3、使用min-height和min-width屬性

min-height和min-width屬性用于設(shè)置元素的***小高度和寬度，這對于確保元素在內(nèi)容較少時(shí)仍能保持一定大小非常有用：

div {
  min-height: 100px;  // 設(shè)置div的***小高度為100像素
  min-width: 200px;   // 設(shè)置div的***小寬度為200像素
}

4、使用百分比（%）單位

除了像素單位外，CSS還支持使用百分比單位來設(shè)置元素的大小，這可以使元素的大小根據(jù)其父容器的大小而變化：

div {
  height: 50%;       // 設(shè)置div的高度為父容器的50%
  width: 60%;        // 設(shè)置div的寬度為父容器的60%
}

使用百分比單位時(shí)，如果父容器的大小發(fā)生變化，那么子元素的大小也會(huì)相應(yīng)變化。