CSS高度寬度自適應(yīng)設(shè)置

在CSS中，我們可以使用百分比（%）來(lái)設(shè)置高度和寬度，以實(shí)現(xiàn)自適應(yīng)的效果，以下是一些常見(jiàn)的設(shè)置方法：

1、設(shè)置寬度為百分比：

.div-class {
  width: 50%;
}

這將使div的寬度為其父元素寬度的50%。

2、設(shè)置高度為百分比：

.div-class {
  height: 50%;
}

這將使div的高度為其父元素高度的50%。

3、同時(shí)設(shè)置寬度和高度為百分比：

.div-class {
  width: 50%;
  height: 50%;
}

這將使div的寬度和高度分別為其父元素寬度和高度的50%。

當(dāng)使用百分比設(shè)置寬度和高度時(shí)，它們將根據(jù)其父元素的寬度和高度進(jìn)行自適應(yīng)調(diào)整，要確保父元素的寬度和高度已明確設(shè)置，以便子元素能夠正確地進(jìn)行自適應(yīng)調(diào)整。