Space.As's Blog

今天在群里 有朋友问如何让div的高度为100% 撑满屏.
才想起以前也遇到这个问题.郁闷了我很久.

以前用table来布局的时候 会用到table高度100% 然后再在这个table里插一个table 垂直居中. 这样的页面 可以让它在不同分辨率下 都在显示器中间.
用div 则比较麻烦了 你设置div的 高度为100% 在浏览器里 仍然看它扁的可怜.

呵呵~
应该怎么解决呢?
你设div的高度为100%,那么它是和什么地方相对为100%?
前面总得有个容器说明他的高度是多少。。这样的话div才能按比例100%继承上一级的高度

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