div不设高度铺满屏

当一个div没有设置高度时，它的高度会根据其内容的高度自动调整。如果你希望这个div铺满整个屏幕，可以使用CSS的flex布局或者设置div的position属性为absolute，并将其top、bottom、left和right属性设置为0。

使用flex布局的方法如下：
1. 在父元素上设置display:flex，这将使子元素自动成为flex项。
2. 设置父元素的height为100vh，这将使其高度占满整个屏幕。
3. 设置子元素的flex属性为1，这将使其自动填充剩余空间。

示例代码如下：

HTML:

<div class="container">
  <div class="content">内容</div>
</div>

CSS:

.container {
  display: flex;
  height: 100vh;
}

.content {
  flex: 1;
}

使用position属性的方法如下：
1. 设置div的position属性为absolute，这将使其脱离文档流。
2. 设置div的top、bottom、left和right属性为0，这将使其距离父元素的上、下、左、右边距都为0。

示例代码如下：

HTML:

<div class="container">
  <div class="content">内容</div>
</div>

CSS:

.container {
  position: relative;
  height: 100vh;
}

.content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}