[分享]css中div大小怎么设置

CSS中div大小的设置可以通过设置width和height属性来实现。

div{
  width: 200px; /*设置宽度*/
  height: 100px;  /*设置高度*/
} 

除了直接设置固定的尺寸外，还可以使用百分比设置div的大小，例如：

div{
  width: 50%; /*设置宽度为父元素宽度的50%*/
  height: 50%;  /*设置高度为父元素高度的50%*/
} 

如果想要让div元素的宽度自适应父元素的宽度，可以将width属性值设置为100%。而让高度自适应则可以使用height:auto属性。

div{
  width: 100%; /*宽度自适应*/
  height: auto;  /*高度自适应*/
} 

有些情况下，需要设置div元素的最小和最大尺寸。这时可以使用min-width、min-height、max-width和max-height属性，例如：

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

以上就是CSS中设置div元素大小的方式。根据实际需要选择适合的方法来设置div元素的大小，让页面呈现出更好的效果。