我正在尝试创建一个带有一个侧边栏和内容区域的简单页面,如下所示
<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 浏览器中没有正确溢出,在右侧留下了很大的边距。
最佳答案
从 #content
中删除 margin-left: 181px;
。
关于html - Safari div 不能正常溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20223438/