CSS边距问题

Question

认为你有一个content div 是否呈现一个网站的内容。这个 div 的 margin-top 为 20px，因为它必须与标题有一些边距。还有一个右侧边栏。这意味着有一个外部 div，比如整个内容和两个相邻的 float div。一个用于内容，一个用于侧边栏。相当标准。

现在，我突然需要在内容中添加面包屑。现在，面包屑不应与标题有任何边距。但是，无论面包屑是否处于事件状态，内容都需要有 20 像素的上边距。

显然，我可以做到让面包屑位于不同的 div 上，就在内容 div 的顶部。这需要将内容 div 现在分成两个 div，比如“面包屑”和“main_content”。

这对我来说听起来像是个坏主意，因为我认为面包屑实际上是内容的一部分。此外，我需要更改我的所有模板，以便向它们展示这个新的 div 和一般标记更改。

我尝试添加一个 top-margin: -20px 到 breadcrumb div，但这并不好，因为它也被应用到其他内容。

关于如何以好的方式做到这一点有什么想法吗？

附言侧边栏 div 没有相同的 20px 边距，只有主要内容有那个边距，用于其内部内容。

Answer 1

是否 position: relative; top: -20px; 适合你吗？