如何设置div的宽高始终保持页面的100%?
时间: 2024-04-08 11:29:48 浏览: 54
实例讲解如何使用CSS保持页面内容宽高比
要设置 div 元素的宽高始终保持页面的 100%,可以使用 CSS 中的绝对定位和百分比单位。
首先,确保 html 和 body 元素的高度设置为 100%:
```css
html, body {
height: 100%;
}
```
然后,将 div 元素的样式设置为绝对定位,并设置其宽度和高度为 100%:
```css
div {
position: absolute;
width: 100%;
height: 100%;
}
```
这样,div 元素就会始终填充整个页面的宽度和高度。请注意,如果父元素有其他样式或布局属性可能会影响 div 的尺寸,需要根据实际情况进行调整。
阅读全文