[分享]css中定义宽高使用的属性

CSS中定义宽高使用的属性主要有width和height两种。

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

其中width用来定义元素的宽度，可以用像素(px)、百分比(%)、视口宽度单位(vw)、视口高度单位(vh)等来表示。例如：

 div {
    width: 50%; /* 宽度是父元素宽度的50% */
    width: 80vw; /* 宽度是视口宽度的80% */
  } 

而height则用来定义元素的高度，同样可以通过像素(px)、百分比(%)、视口宽度单位(vw)、视口高度单位(vh)等来表示。例如：

 div {
    height: 200px; /* 高度为200px */
    height: 50%; /* 高度为父元素高度的50% */
  } 

此外，还可以使用max-width和max-height来定义元素的最大宽度和最大高度，min-width和min-height来定义元素的最小宽度和最小高度。例如：

 div {
    max-width: 500px; /* 最大宽度为500px */
    min-height: 50px; /* 最小高度为50px */
  } 

总之，在进行网页布局的时候，定义元素的宽度和高度是一个非常重要的工作，需要谨慎考虑。以上几种属性，是进行元素尺寸定义的基本工具，掌握好这些属性，可以让我们的网页布局更加灵活和精准。