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

在我的整个网站上，有一个基本的布局问题只发生在Safari/Windows上，甚至Safari/Mac上都没有——在Chrome、Firefox和Opera这两种平台上以及IE当前版本上都没有问题。这很可能是我做错的根本原因，但如果是这样的话，所有其他浏览器都非常宽容

在内部，在header div下面，没有任何样式属性。在这里面有一个是左浮动的，在代码后面是右浮动的，依次是，出现在两个菜单之间。它的样式如下：

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

边境只是为了测试

---

我强调，在所有其他浏览器中，包括Safari/Mac和Chrome/都与Safari共享WebKit代码，不是吗？它的表现非常完美，但在Safari/Windows中，divmaincontent获得了大约400px的额外右边距。当我调整窗口大小时，这个边距的大小保持不变，直到整个窗口变得太窄为止

我发现，如果我删除overflow属性，多余的边距就消失了，它看起来是正确的，但这会干扰各种页面上的其他元素，这些元素被压到左菜单下方，所以我相当确定我需要它

---

你知道这是怎么回事吗？我是不是完全找错了树了？

在您的情况下，您可以轻松解决删除边距并将位置设置为相对位置的问题：

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

---

Safari/Mac和Chrome/两者都与Safari共享WebKit代码，不？…不，不是真的。Chrome使用了他们自己的webkit风格。也叫Blink，Safari for Windows已经过时了，不再开发。它基本上是一个死气沉沉的浏览器。你可能不应该担心Windows上Safari的问题；它已经多年没有维护了。Windows上Safari的最新版本是5.1.7，而Mac上Safari的版本是9。你应该提供一个问题。如果你想解决它，那么设置一个位置：相对并删除两个边距，瞧！