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; 
}

演示