将DIV向上移动，使其位于另一个DIV后面

Question

我在这里感到困惑...这是我正在处理的网站：http://s361608839.websitehome.co.uk/marbleenergy/

div #main位于#navigation下方约10px处，我尝试通过添加以下内容将其提升10px：

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

不幸的是，那里没有运气。我在这里学习CSS，我需要做什么？

由于

Answer 1

使用绝对定位不是那么灵活，因为你在硬像素测量中对齐你的div。这可能会导致几个浏览器出现一些错误

改为使用相对定位，并使用top属性来提升该div

这是代码

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

Answer 2

<击> USE

<击>

#main {

位置相对;    边距：-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

将以下内容添加到#main div

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

位置：相对;将元素相对于它通常所在的位置放置，并将-10px与它所处的位置对齐，将它带入您在菜单div中所做的间隙。没有检查过您的网站，但看不出任何原因导致无法正常工作。我不想将我的元素设置为position：absolute;正如上面的成员所回答的那样，div下的任何内容都将在绝对定位的div下被提取。