css中怎样设置div盒子大小

在CSS中，设置盒子大小是很常见的操作。可以通过以下几种方式来设置盒子的大小。

1. 使用width和height属性

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

上述代码会将盒子的宽度设置为200px，高度设置为100px。

2. 使用min-width和min-height属性

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

上述代码会将盒子的最小宽度设置为200px，最小高度设置为100px。如果宽度和高度小于这个值，盒子会自动扩大。

3. 使用max-width和max-height属性

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

上述代码会将盒子的最大宽度设置为200px，最大高度设置为100px。如果宽度和高度大于这个值，盒子会自动缩小。

4. 使用百分比

div{
  width: 50%;
  height: 50%;
} 

上述代码会将盒子的宽度设置为父元素宽度的50%，高度设置为父元素高度的50%。

以上是设置盒子大小的几种常见方式，你可以根据实际需求灵活运用。