要使背景色采用整个屏幕/页面的高度,可以使用CSS的height: 100vh
属性来实现。vh是视口高度的单位,表示相对于视口高度的百分比。
以下是一个示例的CSS代码:
body {
background-color: #f2f2f2;
height: 100vh;
margin: 0;
padding: 0;
}
在上述代码中,body
元素的背景色被设置为#f2f2f2
,并且通过height: 100vh
将其高度设置为整个视口的高度。同时,为了去除默认的边距和内边距,还设置了margin: 0
和padding: 0
。
这样,背景色就会占据整个屏幕/页面的高度,无论内容的高度是多少。这在创建全屏背景、全屏轮播图等场景中非常常见。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云