css 铺满页面 |cssgraden

1. 对body和html设置height: 100%来让元素铺满整个屏幕。

html, body {
height: 100%;
}

2. 使用position: absolute;和top, left, bottom, right四个属性来让元素铺满整个屏幕。

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

3. 使用vh和vw单位来设置元素的高度和宽度，让元素铺满屏幕。

.element {
height: 100vh;
width: 100vw;
}

除了上述方法，还有其他许多实现铺满页面的方法。但无论采用哪种方法，都需要考虑到不同设备的屏幕大小和分辨率。