CSS保证金问题

Question

认为您有一个内容div是否显示网站的内容。这个div有一个20px的margin-top，因为它必须在header中有一些margin。还有一个右侧边栏。这意味着有一个外部div，比如说整个内容，并且在两个浮动div内相邻。一个用于内容，一个用于侧边栏。相当标准。

现在，我突然需要添加面包屑到内容。现在，面包屑应该没有任何标题边缘。但是，内容需要具有20px的上边距，而不管面包屑是否处于活动状态。

可以看出，我可以让面包屑在不同的div上，就在内容div的顶部。这需要将content div分割成两个div，例如'breadcrumb'和'main_content'。

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

我试着给breadcrumb div添加一个顶边距：-20px，但它不好，因为它也适用于其他内容。

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

P.S.侧边栏div没有相同的20像素边距，只有主要内容具有该边距，因为它的内部内容。

Answer 1

请问position: relative; top: -20px;适合你吗？

Answer 2

给position:relative为main_content div。那么你必须申请position:absolute，顶部：some-px;底部：根据您的要求提供一些px。