html - 为什么这里会溢出？

Question

我有一个简单的页面，其中有一个顶部菜单、一个右侧菜单和一个中间的看板。

参见 http://jsfiddle.net/pXXNv/

但我总是无缘无故地溢出。

如果我删除

height:100%;

从 body html 中问题已解决，但为什么 div 大于 100% 我找不到答案。

Answer 1

在这种情况下(因为只有固定位置)只有 html 需要 height:100%，而不是 body

html { 
    height:100%;
}
body { 
    margin:0px; 
    font-family:Open Sans,helvetica, arial, san-serif; 
    /*background-image:url('achtergrond.png');*/
    background-repeat:repeat-x;
    background-color:#ffffff;    
    padding:0px; 
}

DEMO