栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

高度:100%或最小高度:100%用于html和body元素?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

高度:100%或最小高度:100%用于html和body元素?

如果你想背景图片适用于

html
body
,填补了整个浏览器窗口,两者都不是。使用此代替:

html {   height: 100%;}body {   min-height: 100%;}

我的推理在这里给出(在此我全面解释如何以这种方式应用背景):

顺便说一句,你为什么要注明原因

height
,并
min- height
html
body
分别为,因为无论元素有什么内在的高度。两者都是
height: auto
默认设置。视口具有100%的高度,因此
height: 100%
是从视口中取出的,然后
body
最小化以允许滚动内容。

height: 100%
在两者上使用的第一种方法是,
body
一旦内容开始超出视口高度,就阻止其内容扩展。从技术上讲,这不会 _阻止_内容滚动,但会导致
body
折叠下面留出空隙,这通常是不希望的。

第二种方法,

min-height: 100%
在这两种方法上都使用,不会导致
body
扩展到的最高高度,
html
因为除非有一个explicit
min-height
body
否则使用百分比不能工作。
html``height

为了完整起见,CSS2.1的第10节包含所有详细信息,但这是一个_非常_复杂的阅读,因此,如果您对我在这里没有解释过的内容不感兴趣,可以跳过它。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442383.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号