css中 html,body{height:100%;} 是什么意思

答案:6 悬赏:20 手机版

解决时间 2021-11-16 08:00

提问者网友：蓝琪梦莎
2021-11-15 09:39

最佳答案

五星知识达人网友：第四晚心情
2021-11-15 10:49

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度，而不是100%。解决方法：只要为html和body设置高度为100%就可以了html,body{height:100%;}这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么效果。

全部回答

1楼网友：愁杀梦里人
2021-11-15 13:00

一楼情迷光影正确的。

就是说你如果不写：body, html { height: 100%; }
那么：.container{height:100%;} 里面的 height:100% 就无法生效。

那个切个桃小白，自己去学懂了来，不会就别去误导别人了嘛。

2楼网友：鸠书
2021-11-15 12:44

auto吧让高度自己自动伸缩

3楼网友：野味小生
2021-11-15 12:27

因为你的.mainbg的值是用的百分比，这个百分比是相对于父级的。这里它的父级是body，所以body如果没有设置高度的话，它就不能判断50%究竟是多少！你可以把这个.mainbg的高度百分比值改用px值就可以了。

附：这种写法是正确的，它这么写是为了给body定义一个高度，高度等于100%，这个值实际上会随着页面高度而增加。这样写是为了方便下面的子元素可以继承。

4楼网友：人類模型
2021-11-15 12:15

body {
height: 100%;
}
百分数是基于父对象的高度。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息