网页设计使得div铺满屏幕怎么写代码?

【导读】现如今的网页设计趋于简洁化、扁平化,用设计师的话讲一定要美观大气。在网页的布局上,很多网站都已经在沿用全屏化。全屏展开的页面很多设计师的灵感来源于欧美一些设计风格,那

现如今的网页设计趋于简洁化、扁平化,用设计师的话讲一定要美观大气。在网页的布局上,很多网站都已经在沿用全屏化。

全屏展开的页面很多设计师的灵感来源于欧美一些设计风格,那么拿到网页里需要对页面的布局常用div元素就要有针对性得铺满。

如何才能使得一个div铺满整个屏幕?

通过CSS样式表限定

div{

  width:100vh;

  height:100vh;

}

这里我们注意到并没有使用常规的百分比 %的写法 ,写vh有啥好处?

如果我们这样写div{position:absolute;

                           width:100%;

                           height:100%;

                                }

会出现一点问题:当你这个页面是在有其他与div同一等级的元素共同铺满的话,就会在无意间,或鼠标滚动时覆盖掉别的元素

所以,如果是单纯是想让某个div铺满屏幕,那么我们建议选择第一种方式,摒弃%的写法。

以上就是无锡做网站马氪软件对使得div铺满屏幕代码的写法介绍,有不到位之处也欢迎大家给出更好建议,有更好方法也欢迎交流。


本文链接:http://mkapps.cn/news/design/208.html

无锡第二秀网络科技有限公司

  • 旗下 : 马氪软件
  • 主营业务 : 网站设计开发;微信公众号、小程序开发;APP开发;网络营销推广;广告设计 等
  • 联系人 : 徐经理
  • 手机 : 18706171959
  • 电话 : 0510-85873959
  • 邮箱 : b1990g228@qq.com
  • 网址 : http://mkapps.cn

如无特别说明©本站内容均为原创,转载请标注来源:无锡做网站公司http://mkapps.cn


    匿名评论
  • 评论
人参与,条评论
 您阅读这篇文章共花了: 

分享这篇文章吧!

相关文章