CSS边际问题

Question

认为您有内容div是否显示网站内容。这个div的边距最高为20px，因为它必须有一些边距。还有一个右侧边栏。意思是有一个外部div，比如整个内容，并且在两个浮动div中彼此相邻。一个用于内容，一个用于侧边栏。很标准。

现在，我突然需要在内容中添加面包屑。现在，面包屑不应该从标题中留下任何余量。但是，内容需要有20px的上边距，而不管面包屑是否有效。

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

这对我来说听起来不错，因为我认为面包屑实际上是内容的一部分。此外，我需要更改我的所有模板，以便使用这个新的div和一般标记更改来呈现它们。

我尝试在breadcrumb div中添加一个上边距：-20px，但这并不好，因为它也会应用到其他内容。

关于如何以良好的方式做到这一点的任何想法？

P.S。侧边栏div没有相同的20px边距，只有主要内容具有该内部内容的保证金。

Answer 1

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

Answer 2

为position:relative div提供main_content。然后你必须申请position:absolute，top：some-px; bottom：some-px根据您的要求。