浮动在Safari浏览器

问题描述：

我有一个网站，我做得非常快，使用浮动来显示不同部分的内容。在FF/IE中，浮动的内容和具有额外边距的内容都显示正常，但Safari上的其中一个div完全隐藏。我试过切换到padding和position:relative，但没有为我工作。如果我将代码显示在右侧，则会再次显示，但是会显示在浮动内容下方。浮动在Safari浏览器

CSS的主要部分，这似乎是造成问题的原因是：

#settings{ 
    float:left; 
} 

#right_content{ 
    margin-top:20px; 
    margin-left:440px; 
    width:400px; 
}

这给了我同样的结果，我是否指定大小的#settings DIV或没有。任何想法，将不胜感激。

该站点有售：http://frickinsweet.com/tools/Theme.mvc.aspx查看源代码。

@thanksd我开始了一个[关于你的编辑模式的元讨论]（https://meta.*.com/questions/314758/is-serially-editing-posts-to-include-syntax-highlighting-helpful）。请加入讨论。 – ryanyuyu 2016-01-14 20:45:24

答

我相信错误在于颜色选择器产生的标记。我保存了页面，并删除了颜色选择器的代码，并在IE/FF/SF中呈现良好。

答

你有没有尝试将#right_content div浮动到右边？

#right_content{ 
    float: right; 
    margin-top: 20px; 
    width: 400px; 
}

答

对不起，我应该提到这一点。我尝试将该内容正确地浮动，并尝试将其左移，并设置该位置，并考虑到两个div都将从左开始：0，在右侧的边缘设置会将其移过来。

感谢

答

你应该事先解决几件事情：

你<style>标签是<body>，它属于<head>

当你在一个有错字“realtive”你内联风格：

<a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">

试着让你的页面到validate;这应该使调试实际问题变得容易得多。

浮动在Safari浏览器

相关推荐