div右对齐：不正确的滚动条

Question

我有这样的标记：

<div id="MainDiv" style="position: fixed; width: 100%; height: 100%;">
    <div id="Log" style="float: right; max-height:100%; overflow: scroll;">
        (some filling text)
    </div>
</div>

它工作正常，只是显示了Log的垂直滚动条的一半（FF，Chrome） 任何想法如何解决这个问题？

Answer 1

这几乎肯定是因为身体有一定的余地。删除它，它应该工作。

body
{
    margin:0;
}

这是JS Bin：http://jsbin.com/ajicox/1/

Answer 2

您还必须将填充设置为0。不同的浏览器有不同的设置。

  

body {       余量：0;       填充：0; }

Working example: http://jsfiddle.net/Ngkam/