资讯专栏INFORMATION COLUMN

为什么要在html和body加上“height:100%;”

B0B0 / 662人阅读

摘要:因为如果不加,那么高度的值,就是页面所有元素所到达的高度。而给的加上这一样式,则指定了的父元素高度为,再在中指定,意味着占满整个窗口。这样做,在文件流不占满窗口时,背景等效果也能很好地呈现。

因为如果不加,那么body高度的值,就是页面所有元素所到达的高度。

可以给body加上一个背景颜色来查看效果,如果文件流不是很长,不至于占满整个窗口(未产生滚动条),那么可以看到背景颜色只是作用到文件流的末尾。

而给html的加上"height:100%;"这一样式,则指定了body的父元素高度为100%,再在body中指定height:100%;,意味着占满整个窗口。

这样做,在文件流不占满窗口时,背景等效果也能很好地呈现。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49546.html

相关文章

  • H5页面内使用JSON动画

    摘要:问题背景有一天我们的设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果写到这里我突然想到一个问题,这么复杂的动画为什么不使用。。。。 问题背景 有一天我们的UI设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的json动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果(写到这里我突然想到一个问题,这么...

    anonymoussf 评论0 收藏0
  • H5页面内使用JSON动画

    摘要:问题背景有一天我们的设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果写到这里我突然想到一个问题,这么复杂的动画为什么不使用。。。。 问题背景 有一天我们的UI设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的json动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果(写到这里我突然想到一个问题,这么...

    TwIStOy 评论0 收藏0
  • H5页面内使用JSON动画

    摘要:问题背景有一天我们的设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果写到这里我突然想到一个问题,这么复杂的动画为什么不使用。。。。 问题背景 有一天我们的UI设计师找到我说,要把页面中我自己用程序写的动画,换成他们给的json动画,原因是有的动画很复杂,自己写起来达不到他们的预期效果(写到这里我突然想到一个问题,这么...

    netmou 评论0 收藏0
  • 页面架构HTML+CSS ヾ(o◕∀◕)ノ 常用居中&多列布局

    CSS Reset 1.作用 (1)清除浏览器默认样式(2)全局样式定义 2.特别注意 (1)项目开发初期就定义好(2)reset.css 在引入的时候一定要放在第一位(3)不同的产品reset.css不一样 3.table合并边框间距 table { border-collapse: collapse; // 合并边框 border-spacing: 0; //边框间距。当 `borde...

    NervosNetwork 评论0 收藏0

发表评论

0条评论

B0B0

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<