CSS 高度和宽度

CSS 高度和宽度

CSS 设置高度和宽度

height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

CSS 高度和宽度值

height 和 width 属性可设置如下值：

auto - 默认。浏览器计算高度和宽度。

length - 以 px、cm 等定义高度/宽度。

% - 以包含块的百分比定义高度/宽度。

initial - 将高度/宽度设置为默认值。

inherit - 从其父值继承高度/宽度。

CSS 高度和宽度实例

实例

设置 <div> 元素的高度和宽度：150 像素，宽度为 60％

div {
  height: 150px;
  width: 60%;
  background-color: powderblue;
}

------------------------------------------------------------

实例

设置另一个 <div> 元素的高度和宽度：120 像素，宽度为 300

div {
  height: 120px;
  width: 300px;
  background-color: powderblue;
}

注意：请记住，height 和 width 属性不包括内边距、边框或外边距！它们设置的是元素的内边距、边框和外边距内的区域的高度/宽度！