CSS相對和絕對定位元素拉伸容器

Question

你能幫我解決我的困境嗎？我有一個容器（本例中爲BODY），它有position:relative集。裏面有兩個div。一個relative和一個absolute定位（以此順序）。

問題是，無論何時我將margin-top設置爲relative定位元素，容器的高度（本例中爲body）都會垂直延伸。

例如，儘管我已將height: 100%設置爲容器，但在查看時其大小爲100％+ relative定位的子元素的margin-top。

這裏有一個小提琴： 所有的http://jsfiddle.net/xJ75R/7/

Answer 1

首先，你不應該給身體一個相對位置，因爲身體佔據了整個頁面。

不管怎樣，應用到另一個元件的相對位置時要具體，所以如果你有一類「名單」中，然後使用

.lists { position: relative; top: something; left: something } 

或保證金，或任何規則。

如果你只是有給予一定的保證金到其他元素（雖然我不知道怎麼會發生這種事）後身體標記問題，然後給身體的0保證金，如：

body { margin: 0; } 

，如果不工作，然後使用！重要的像

body { margin: 0 !important; } 

在一個側面說明，使用Firebug插件的Firefox，讓您的CSS的生活更輕鬆，看看發生了什麼事的飛行。