浮动在Safari浏览器中混乱
时间：2020-03-05 18:49:32 来源:igfitidea点击:
我有一个非常快速的网站，该网站使用浮点数来显示内容的不同部分。浮动内容和具有额外边距的内容在FF / IE中都可以正常显示，但在野生动物园中，其中一个div完全被隐藏了。我尝试过切换到padding和position：relative，但是对我来说什么都没有用。如果我取出代码以将其显示在右侧，它将再次显示在浮动内容下方。
似乎引起问题的css的主要部分是：
#settings{
float:left;
}
#right_content{
margin-top:20px;
margin-left:440px;
width:400px;
}
无论是否为#settings div指定大小，这都给我相同的结果。任何想法，将不胜感激。
该站点位于：http://frickinsweet.com/tools/Theme.mvc.aspx以查看源代码。
解决方案
回答
我们是否尝试将#right_content div浮动到右侧？
#right_content{
float: right;
margin-top: 20px;
width: 400px;
}
回答
抱歉，我也应该提到这一点。我尝试将内容右移，然后尝试将其左移并设置位置，以为两个div都将从left：0开始，设置右边界将其移到上方。
谢谢
回答
我们应该事先解决的一些问题：
<style>标记属于<head>时位于<body>中。- 我们有一种内联样式中的错字"现实"：
<a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">
尝试让页面进行验证；这将使调试实际问题变得容易得多。
回答
我相信错误在于颜色选择器正在生成的标记中。我保存了页面并删除了颜色选择器的代码，它在IE / FF / SF中呈现良好。
