仅用于Safari/Windows *中的CSS *，可能与溢出有关

在我的网站中，在整个我的网站http://www.chrissansom.net有一个基本的布局问题，仅在Safari/Windows中出现，甚至没有Safari/Mac - 在Chrome，Firefox和Opera中很好在这两个平台以及IE（当前版本）中。这很可能是我做错的根本，但如果是这样的话，所有其他浏览器都是非常宽容的！仅用于Safari/Windows *中的CSS *，可能与溢出有关

在<body>内部，在标题div下面，有<div id="contentbox">，根本没有样式属性。里面有<div id="leftmenu">左边浮动，其次（在代码中）右边浮动的<div id="rightmenu">，然后是<div id="maincontent">，它出现在两个菜单之间。它的样式如下：（边框仅存在用于测试）

div#maincontent { 
    margin-left: 200px; /* space for leftmenu */ 
    margin-right: 200px; /* space for rightmenu */ 
    padding: 20px; 
    overflow: hidden; 
/* border: 1px solid green; */ 
}

在所有其他的浏览器，包括，我要强调，Safari浏览器/苹果机和Chrome /两（与共享的WebKit代码Safari，不是吗？）它表现完美，但在Safari/Windows div＃maincontent获得约400px的额外右边距。调整窗口大小时，此边距的大小保持不变（直到整个窗口太窄）。

我发现，如果我删除溢出属性额外的余量消失了，它看起来是正确的，但这干扰了各种页面上的其他元素，这是在左侧菜单下方推下来的，所以我很确定我需要它。

任何想法可能会发生在这里？我完全吠叫了错误的树吗？

来源

2015-10-13 user3852388

“的Safari/Mac和镀铬/两（？这股与Safari浏览器的WebKit的代码，否） “......不，不是真的。 Chrome使用他们自己的* webkit风格*称为“眨眼睛” –

另外，Safari for Windows已经过时了，并且不再处于开发阶段。它基本上是一个死的浏览器。 –

您可能不应该担心Windows上Safari的问题;它没有维持多年。 Windows上最新版本的Safari是5.1.7，而Mac上的Safari版本高达版本9. – TylerH

在你的情况，你可以很容易地解决这个问题删除边距和位置设置相对：

div#maincontent { 
    position:relative; 
    padding: 20px; 
    overflow: hidden; 
}

来源

2015-10-20 07:06:15

仅用于Safari/Windows 中的CSS ，可能与溢出有关

回答

仅用于Safari/Windows *中的CSS *，可能与溢出有关

回答

相关问题

仅用于Safari/Windows 中的CSS ，可能与溢出有关