网页设计使得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
© 第二秀网络科技有限公司
长按识别二维码查看详细内容