帶來一個DIV向上，因此坐在後面的另一DIV

Question

我很困惑在這裏......這裏是我的網站，我的工作：http://s361608839.websitehome.co.uk/marbleenergy/

股利#main坐在約10px的下方#navigation和我我試過把它提高10px加入：

#main { 
margin-top: -10px; 
} 

不幸的是沒有運氣。我在這裏學習CSS，我需要做什麼？

由於

Answer 1

添加以下到#main DIV

#main { 
position: relative; 
top:-10px; 
} 

位置：相對;將元素相對於它通常坐的位置放在一起，並將它坐在-10px的位置將它放入您在菜單div中所做的縫隙中。沒有檢查您的網站，但看不到任何理由，爲什麼這不起作用。我不想將我的元素設置爲position：absolute;正如上面的成員回答，div下的任何內容都會在絕對定位div下被拉昇。

Answer 2

使用相對

#main {

位置; margin-top：-10px;
}

見演示：http://jsfiddle.net/rathoreahsan/fSDpJ/

我瀏覽你的情況，你的網站，你需要使用下面的CSS：

#main { 

    position absolute; 
    margin:-10px 0 0 12px;   
} 

OR

#main { 

    position relative; 
    margin:0 0 0 12px; 
    top: -10px;   
} 

Answer 3

由於其他答案更清楚的細節，你需要確保該定位是絕對的，爲了使任何'px'CSS規範有意義，如果不是，它默認爲相對（到最近的父容器）我相信。

Answer 4

使用絕對定位並不是那麼靈活，因爲你正在對齊你的div的硬像素度量。這可能會導致一些錯誤的幾個瀏覽器

使用相對定位，而是和使用top屬性解除該div了

這是代碼

#main{ position: relative; top: -10px; }