代码之家 › 专栏 › 技术社区 › Ryan Lanciaux

在Safari浏览器中乱飞

css-float safari css

Ryan Lanciaux · 技术社区 · 16 年前

我有一个网站,我做得非常快,使用浮动显示不同的内容部分。在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 查看源代码。

4 回复 | 直到 9 年前

Matthew M. Osborn 16 年前

我相信错误在于颜色选择器正在生成的标记。我保存了页面并删除了颜色选择器的代码,它在ie/ff/sf中呈现得很好。

thanksd thibaut noah 9 年前

您是否尝试将“右内容”分区向右浮动?

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

Ryan Lanciaux 16 年前

对不起,我也应该提到这一点。我尝试将内容向右浮动,另外还尝试向左浮动,并设置位置,同时考虑到两个div都将从左边开始:0,在这里设置右边距将使其移动。

谢谢

Sören Kuklau Keith Boynton 16 年前

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

你的 <style> 标签在 <body> ,当它属于 <head>

在您的一个内联样式中,您有一个拼写错误“realtive”:

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

尝试将页面转到 validate ;这将使调试实际问题更加容易。

推荐文章

H. Saleh · 浮动:左:溢出时项目消失

7 年前

Christine · 菜单项向左和向下浮动

7 年前

MyDaftQuestions · 如何强制HTML元素左对齐而不换行

7 年前

JBH · 如何防止对象缠绕浮动图像?

7 年前

Joe Harvey · Div隐藏在Chrome中

7 年前

Rusletov · 使元素与浮动元素的边界相邻

7 年前

Lion King · 使用“float”时会出现不需要的空格

7 年前

Ashley · CSS浮动设置为右,但左浮动[重复]

8 年前

JDS · 如何使两个图像按钮超链接并排占据全屏?

8 年前

Russel Riehle · 如何基于父项的右边缘打开超出的子菜单区域?

8 年前