html - 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。不同的浏览器有不同的设置。

身体{边距：0；填充：0；}

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