10年专业网络服务供应商

新闻资讯

互联网新闻源,了解更多行业纵深观点

当前位置:首页 > 资讯 > 网站前端设计

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

时间:2018-02-23 14:11来源:无锡做网站公司

摘要:现如今的网页设计趋于简洁化、扁平化,用设计师的话讲一定要美观大气。在网页的布局上,很多网站都已经在沿用全屏化。
全屏展开的页面很多设计师的灵感来源于欧美一些设计风格,那么拿到网页里需要对页面的布局常用div元素就要有针对性得铺满。

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

通过CSS样式表限定

div{

  width:100vh;

  height:100vh;

}

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

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

                           width:100%;

                           height:100%;

                                }

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

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

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


声明:除非注明,本站内容由无锡网站建设马氪软件原创发布©,转载请联系我们授权合作。

感谢您耐心阅读,祝好!
 您阅读这条内容,共花了: 

给这篇内容写个评语吧!

网页设计使得div铺满屏幕怎么写代码?
现如今的网页设计趋于简洁化、扁平化,用设计师的话讲一定要美观大气。在网页的布局上,很多网站都已经在沿用全屏化。
发布时间:2018-02-23
© 第二秀网络科技有限公司
长按识别二维码查看详细内容