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。