css 背景色铺满全屏幕

方法一：给当前div设置定位

.g-index {position: absolute;width: 100%;height: 100%;background-color: #f2f2f2;
}

方法二：通过设置html，body的宽高，来实现

html,body{width: 100%;height: 100%;
}
.g-index {width: 100%;height: 100%;background-color: #f2f2f2;
}

css 背景色铺满全屏幕相关推荐

CSS高度铺满全屏的方法
方法一: 将body和html得高度设置为100%,再设置div高度为100% <!DOCTYPE html> <html lang="en"> <h ...
3种CSS实现背景图片全屏铺满自适应的方式
来源 | https://www.fly63.com/ 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景 ...
CSS：实现background-image背景图片全屏铺满自适应
body {/* 加载背景图 */background-image: url(images/bg.jpg);/* 背景图垂直.水平均居中 */background-position: center c ...
css中调整高度充满_CSS(十三).高度如何铺满全屏
该需求来源一次面试题. IE6不认识!important声明,IE7.IE8.Firefox.Chrome等浏览器认识:而在怪异模式中,IE6/7/8都不认识!important声明,这只是区别的一种 ...
HTML+CSS实现背景图片铺满页面的方法
HTML+CSS实现背景图片铺满页面的方法针对页面背景图片我整理了几种方法仅供参考一.DIV中添加背景图片二.img中设置背景图片三.Body中设置背景图片结语针对页面背景图片我整理了几种 ...
css背景图铺满整个屏幕
pc端: h5端 : min-height:100vh; 当页面内容不够一屏时,使背景图至少铺满一个屏幕的高度: background加颜色是为了避免页面内容过长,背景图无法铺满,加与背景图相似的颜 ...
html背景图片不重叠铺满,css背景图片怎么铺满
该方法适用于所有品牌的电脑. CSS设置拉伸背景图片铺满屏幕新建一个html文件,命名为test.html,用于讲解CSS中如何设置拉伸背景图片铺满屏幕. 在test.html文件内,使用div标签 ...
CSS查漏补缺（一）—页面内容不足铺满屏幕高度和有滚动条时，footer始终保持底部显示
记录一个项目中经常会用到的技巧,footer区(比如版权信息)要始终居于页面底部.如果用fixed定位显然不可取,因为要保证页面高度大于屏幕高度时,footer区要跟随着页面滚动保持在底部,如下图: ...
html网页自动铺满屏幕,HTML+CSS入门高度如何铺满全屏
本篇教程介绍了HTML+CSS入门高度如何铺满全屏,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < IE6不认识!important声明,IE7.IE8.Firefox. ...

css 背景色铺满全屏幕

css 背景色铺满全屏幕相关推荐

最新文章

热门文章