<div>是HTML中常用的标签之一，用于创建块级元素。在网页设计中，我们经常会遇到需要将<div>标签铺满整个浏览器窗口的需求。本文将详细介绍CSS3中原生支持的几种方法，帮助您实现这一目标。
方法一：使用绝对定位
使用绝对定位是一种常见的将<div>标签铺满浏览器窗口的方法。具体步骤如下：
步骤：
1. 将<body>标签的高度设置为100%。
body {
height: 100%;
}
2. 将<div>标签的样式设置为绝对定位，并设置top、right、bottom、left属性的值为0。
div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
3. 设置<div>标签的宽度和高度。
div {
width: 100%;
height: 100%;
}
通过以上步骤，我们可以将<div>标签铺满整个浏览器窗口。
方法二：使用flexbox布局
使用flexbox布局是CSS3中另一种方便实现<div>标签铺满浏览器窗口的方法。
步骤：
1. 将<body>标签的高度设置为100%。
body {
height: 100%;
}
2. 设置<div>标签的样式为"display: flex"，并将"flex-direction"属性设置为"column"。
div {
display: flex;
flex-direction: column;
}
3. 将<div>标签的"flex"属性设置为"1"，使其占据剩余空间。
div {
flex: 1;
}
这样，<div>标签就会铺满整个浏览器窗口。
方法三：使用vh和vw单位
vh和vw是CSS3中引入的视窗单位，分别表示视窗高度和视窗宽度的百分比。
步骤：
1. 将<body>标签的高度设置为100vh。
body {
height: 100vh;
}
2. 将<div>标签的高度设置为100vh。
div {
height: 100vh;
}
这样，<div>标签就会铺满整个浏览器窗口高度。
以上是CSS3原生支持的几种将<div>标签铺满浏览器窗口的方法。根据具体需求，您可以选择其中的一种或多种方法来实现。希望本文对您有所帮助。