带来一个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; }