Css 将项目放在顶部

我在我的站点上放置对象时遇到了一些问题

我所要做的就是把它放好。因此，

导航组

div应该放在

主容器

下

<div class="navigation_groups">
     // Navigation              
</div>
<div class="main_container">
    <div class="main_container_top"></div>
    <div class="main_container_middle"></div>
    <div class="main_container_bottom"></div>
</div>

//航行

我尝试使用

位置

，但由于某种原因，如果我添加

绝对

或

相对

属性，de

导航组中的链接将消失。。。我怎样才能解决这个问题

z-index属性也不起作用…
当使用
位置：绝对
时，您需要在父项上声明
位置：相对
，以提供定位的参考零点，否则最终将主体用作参考点

如果看不到CSS，就很难解决问题。
当使用
位置：绝对
时，您需要在父项上声明
位置：相对
，以提供定位的参考零点，否则您将使用主体作为参考点

如果看不到CSS，就很难解决您的问题。
问题是，当您将菜单放在后面时，它会变得无响应，因为内容div完全覆盖了菜单空间

您需要稍微改变元素的样式

.main_container {
    margin: -90px 0 0 132px;
    position: relative;
}

.main_container_top {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
}

.main_container_middle {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
    /*and the padding to*/
    padding: 30px 0 30px 56px;
}

.main_container_bottom {
    /*whatever you have but change the positioning of the background image to*/
    background-position: -7px 0;
}

.navigation_groups {
    /*change the following to*/
    position: relative;
    z-index:0;
}

我们实际上做的是，除了删除负z索引外，将元素124px向右推，并通过将其填充和背景位置纠正相同的量来修复所有受影响的元素。
问题是，当您将菜单放在后面时，由于content div完全覆盖了菜单空间，因此它将变得无响应

您需要稍微改变元素的样式

.main_container {
    margin: -90px 0 0 132px;
    position: relative;
}

.main_container_top {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
}

.main_container_middle {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
    /*and the padding to*/
    padding: 30px 0 30px 56px;
}

.main_container_bottom {
    /*whatever you have but change the positioning of the background image to*/
    background-position: -7px 0;
}

.navigation_groups {
    /*change the following to*/
    position: relative;
    z-index:0;
}

我们实际做的是，除了删除负z索引外，还将元素124px向右推，并通过将其填充和背景位置修正相同的量来修复所有受影响的元素。
使用开发工具时是否会显示div边界？这通常会有帮助。（使用absolute时，如果父元素非常小，并且溢出被隐藏，则可能会出现问题。因此，这些工具很有帮助！）这个问题现在在您链接到的站点上得到解决了吗？如果是这样的话，你能将原始代码粘贴到问题中，以便将来对其他人有用吗？当你使用开发工具时，div边界会显示出来吗？这通常会有帮助。（使用absolute时，如果父元素非常小，并且溢出被隐藏，则可能会出现问题。因此，这些工具很有帮助！）这个问题现在在您链接到的站点上得到解决了吗？如果是这样的话，你能将原始代码粘贴到问题中，以便将来对其他人有用吗？我确实提供了该网站的链接，不是吗？现在，项目被放置在主容器后面（应该是这样），但是导航中的链接消失了。。。这应该得到解决！我确实提供了一个网站的链接，不是吗？现在，项目被放置在主容器后面（应该是这样），但是导航中的链接消失了。。。这应该得到解决！谢谢你的回答！我做了你要求的所有改变。链接返回，但菜单项仍放在主容器的前面：（@Michiel，把
position:relative；
放在
.main_container
上。更新的答案..是的，我自己也找到了！非常感谢你的输入和解决我的问题！谢谢你的回答！我做了你要求的所有更改。链接回来了，但菜单项仍然放在主目录的前面ntainer:（@Michiel，把
位置：相对；
放在
主容器上，
以及..更新的答案..是的，同时我自己也找到了！非常感谢您的输入和解决我的问题！