专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

css怎么使div的width全屏_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 1:57:09       共计:3587 浏览

css怎么使div的width全屏?

css设置div铺满屏幕的方法:

1、对div进行绝对定位,然后设置div宽高为100%

div{

position:absolute;

width:100%;

height:100%;

}

但是这个方法有一个不好的就是,假如你这个页面是在有其他与div同一等级的元素共同铺满的话,就会在滑动的时候覆盖掉别的元素。

2、直接设置div宽高为100vh

div{

width:100vh;

height:100vh;

}

vh:相对于视口的高度。视口被均分为100单位的vh。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:一体式帐篷怎么安装_CSS学习 | ·下一条:Jquery与Extjs这两个哪个比较好点_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有