不使用Safari的左右DIV部分
不使用Safari的左右DIV部分
提问于 2014-07-10 14:15:44
并列的问题图片：
我的网站是http://berathen.com，因为在IE、Firefox和Chrome中，一切看起来都很好，但在Safari中却没有。出于某种原因，我的左、右div部分在中间连接在一起。
#leftSide
{
position: relative;
left: -350px;
max-width: 320px;
}
#rightSide
{
position: relative;
left: 650px;
width:0px;
height:0px;
}任何帮助或建议都将不胜感激！
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-07-10 16:24:45
我花了几分钟检查你的网站在一个旧版本的狩猎。
当我试图将left:0应用于#outerBox2 in #leftSide时，它反过来也将右框带到左侧，这时我注意到HTML是无效的--您有多个带有id outerBox2的元素(id在文档中应该是唯一的，您可以使用类来应用普通的东西)。
我认为这是造成问题的原因，而解决问题可能会解决这个问题。
不管怎么说，我在检查时注意到的其他事情很少(可能帮不了你).
div#leftSide的内容是position:fixed，因此它的高度为0px。你可能根本不需要它。- 您已经手动将
width和heightequla应用于0。我不知道为什么！(那你可能也不需要这个了..？) - 中间的内容没有容器或包装器。如果它有一个，那么很容易将
padding或margin应用于两边，并且绝对地定位左和右的内容，或者将它们分别浮动为left和right。
旁注:看到这些，我想知道这在现代浏览器中是如何工作的.我只想说他们对你太好了。:)
Stack Overflow用户
发布于 2014-07-10 14:33:52
这就是你能做的：
#leftSide {
position: absolute;
left: 0;
max-width: 320px;
}如果left是relative的话，我不认为safari会产生负的relative。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24678931
复制相关文章
相似问题
腾讯云开发者
