Safari 浏览器中的浮动出现混乱

StackOverflow https://stackoverflow.com/questions/50280

  •  09-06-2019
  •  | 
  •  

题

我有一个我制作得非常快的网站，它使用浮动来显示不同的内容部分。浮动内容和具有额外边距的内容在 FF/IE 中都显示良好，但在 safari 上其中一个 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 查看源代码。

有帮助吗？

解决方案

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

其他提示

您是否尝试过将#right_content div 浮动到右侧？

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

抱歉，我也应该提到这一点。我尝试将内容向右浮动，另外尝试将其向左浮动并设置位置，认为两个 div 都将从 left:0 开始，其中设置右侧的边距会将其移动。

谢谢

您应该事先解决一些问题：

  1. 你的 <style> 标签位于 <body>, ，当它属于 <head>

  2. 您的内联样式之一中有拼写错误“realtive”：

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

尝试让您的页面访问 证实;这应该会使调试实际问题变得更加容易。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top