CSS未正确定位-Safari

我有一个网页，有两个div，一个在左边，一个在右边。我使用float来定位这些：左/右

FireFox、IE（包括IE6！！！）和Chrome都很好。但出于某种原因，在Safari中，右边的div出现在左边的div下面。因此，我在div周围加了一个边框，我注意到仅在Safari中，右边的div认为它是另一个div的一部分。我检查了页面上的div和closing div，所有看起来都很好

我也有点困惑，为什么它可以在Chrome中工作，而不能在Safari中工作。这两种浏览器都是Webkit浏览器吗

所有帮助

执行大多数左/右div的“最普遍接受”方法是将两个div向左浮动，然后立即清除浮动。最简单的清除方法是在两个div之后立即添加一个div，如下所示：

<div style="clear:both"></div>

这将确保浮动元素之后的任何内容都不会受到浮动属性的影响，浮动属性将在整个过程中层叠，直到它们关闭

现在，一些浏览器存在边距/填充问题（主要是IE）。临时分配一个背景（如果已经没有背景）和一个小于您预期需要的宽度——即，如果您想要两个都占屏幕50%的div，则为测试目的同时分配48%的宽度。现在，这能解决问题吗？如果是这样，Safari可能会对这些div上设置的浮动/边距产生负面反应。调整边距和填充，冲洗，重复

---

主要内容浮动的div可能会在匆忙中变得一团糟，特别是如果你想100%地进入家长或整个屏幕。通过css重置或我个人最喜欢的网格系统，你可以很容易地做到这一点。你可以随意调整，要么a）只在大多数浏览器中看起来不错，要么b）使用痛苦的特定于浏览器的样式表。不用了，谢谢

试试这个，它会解决你的问题

.container{clear:both}
.container.label信息{float:right；位置：relative；最小宽度：100px；}
.container标签{float:left；}

右侧
我的标签

没有代码很难评论。为什么？给我解释一下。我有一个类似的案子无法解决。我的案子是关于safari的。其他浏览器可以。我的问题只有在我尝试将窗口大小调整为手机大小后才存在。如果我打开以手机大小开始的网页，视图就可以了。如前所述，如果我调整窗口大小，第二个div将向下移动一行。+1表示填充/边距注释。我的问题是利润率。我对其中一个浮动div应用了

右边距
，它将下一个div向下推。我把它改成了
padding right
它工作了。