html - Safari div 不能正常溢出

Question

我正在尝试创建一个带有一个侧边栏和内容区域的简单页面，如下所示

    <div id="mainWrapper">
        <!-- Sidebar -->
        <div id="sidebar">
            <p>Sidebar</p>
            <p>Sidebar</p>
            <p>Sidebar</p>
            <p>Sidebar</p>
            <p>Sidebar</p>
        </div>
        <!-- Content -->
        <div id="content">
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
        </div>
    </div>

使用这个样式表

#mainWrapper {
background: #F6F7F9;
overflow: hidden;
border: 1px solid #D6D8D8;
}

#sidebar {
    float: left;
    width: 180px;
}

#content {
    background: #FFFFFF;
    border-left: 1px solid #D6D8D8;
    padding: 5px;
    margin-left: 181px;
    overflow: hidden;
}

但由于某些原因，内容区域在 Safari 浏览器中没有正确溢出，在右侧留下了很大的边距。

Answer 1

从 #content 中删除 margin-left: 181px;。

jsFiddle example