代码之家 › 专栏 › 技术社区 › 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 ;这将使调试实际问题更加容易。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

4 月前

Luckkks · 过渡色工作不正常

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前