css中div怎么设置长宽

在CSS中，我们经常需要设置一个div容器的长和宽。这里，我们将会讲解一些基础的CSS代码，帮助大家更好的设置一个容器的大小。
在CSS中，我们使用div标签来创建容器，然后使用width和height属性来设置它的大小。
例如，我们要设置一个宽度为200像素，高度为100像素的div容器，我们可以这样写CSS代码：

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

这里的div是CSS选择器，它表示所有的div标签都会受到这条样式规则的影响。width和height属性都带有一个数值和一个单位（像素），这个单位将用来度量容器的大小。
CSS还提供了其他一些可以用来设置容器大小的属性，我们来看几个例子。
1. 最大宽度和最小宽度
在一些情况下，我们希望容器的大小能够根据页面的宽度自动调整。为了实现这个效果，我们可以使用max-width和min-width属性。例如，下面的CSS代码会让一个容器的宽度最小为200像素，最大为50%的页面宽度。

div {
  min-width: 200px;
  max-width: 50%;
} 

2. 百分比宽度和高度
除了像素单位以外，CSS还支持百分比单位。我们可以使用百分比来设置容器的宽度和高度，来实现一些响应式布局的效果。例如，下面的CSS代码会让一个容器宽度为页面宽度的50%，高度为200像素。

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

3. 自适应高度
有时候，我们希望一个容器的宽度可以自适应页面的宽度，但是高度又需要根据内容的高度自动调整。我们可以使用height:auto属性来实现这个效果。例如，下面的CSS代码会让一个容器的宽度自适应页面宽度，高度根据内容自动调整。

div {
  width: 100%;
  height: auto;
} 

以上是基础的CSS设置div长宽的方法，希望能帮助大家更好的掌握CSS布局技巧。