css - 模板 : negative margins on float 有问题

Question

我在使用 wordpress 模板时遇到了一个非常奇怪的问题。我想像这样并排放置 2 个 div:

<div style='float:left;'>
    left div
</div>
<div style='float:right'>
    right div
</div>

通常这会正常工作 - 两个 div 应该直接粘在一起 -但 style.css 中的某些内容(使用 css 重置)导致右侧 div 与左侧 div 重叠约 5 像素。我搜索了整个 .css 但找不到 :((这只是一个事实，它必须是默认的 css。

有人知道是什么原因造成的吗？有什么办法可以解决吗？

谢谢

Answer 1

您的 div 有宽度吗？给它们一个 width，float BOTH left 并添加 margin-right第一个分区

确保您的宽度 + 边距加起来不超过周围的 div。例如，如果您周围的 div 是 600px，您的框不应超过 width:290px; margin-left:20px;左分区。

此外，您可以使用 Firebug或任何其他 Web 开发浏览器工具来检查您的样式表中的哪些样式正在影响您的 div。