Question

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

Answer 1

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

Answer 2

因为你的.mainbg的值是用的百分比，这个百分比是相对于父级的。这里它的父级是body，所以body如果没有设置高度的话，它就不能判断50%究竟是多少！你可以把这个.mainbg的高度百分比值改用px值就可以了。
附：这种写法是正确的，它这么写是为了给body定义一个高度，高度等于100%，这个值实际上会随着页面高度而增加。这样写是为了方便下面的子元素可以继承。