浮动在 Safari 浏览器中搞砸了
Posted
技术标签:
【中文标题】浮动在 Safari 浏览器中搞砸了【英文标题】：Floats messing up in Safari browsers 【发布时间】：2010-09-08 04:40:36 【问题描述】：我有一个网站我做得非常快，它使用浮动来显示不同的内容部分。浮动内容和具有额外边距的内容在 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 以查看源代码。
【问题讨论】：
@thanksd 我开始了meta discussion about your editing patterns。请加入讨论。 【参考方案1】：我认为错误在于颜色选择器生成的标记。我保存了页面并删除了颜色选择器的代码，它在 IE/FF/SF 中呈现良好。
【讨论】：
【参考方案2】：您是否尝试过将#right_content div 向右浮动？
#right_content
float: right;
margin-top: 20px;
width: 400px;
【讨论】：
【参考方案3】：对不起，我也应该提到这一点。我尝试将内容向右浮动，另外尝试将其向左浮动并设置位置，认为两个 div 将从 left:0 开始，设置右侧的边距会将其移动。
谢谢
【讨论】：
【参考方案4】：您应该事先解决一些问题：
-
当它属于
<head> 时，您的<style> 标签在<body> 中
您的一个内联样式中有一个“真实”错字：
<a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">
尝试将您的页面发送到validate；这应该会使调试实际问题变得容易得多。
【讨论】：
以上是关于浮动在 Safari 浏览器中搞砸了的主要内容，如果未能解决你的问题，请参考以下文章
为啥“.order（”created_at DESC“）”在Rspec中搞砸了“允许”？
UITableViewCell 子类布局在禁用自动布局的故事板中搞砸了