Question

我正在制作一个布局，我必须将它们并排放在一起，而不是一个放在另一个上面，导航框应该位于右侧。我为navbox设置了z-index，但没有区别。

这是div的css，

#navbox
{
    background: red;
    width:70px;
    height:50px;
    z-index:50;
    top:0;
    float:right;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 5px;
}


#right-side{
    top:5%;
    width:20%;
    height:90%;
    float:right;
    padding:0.2%;
    background-color: green;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

Answer 1

将div #navbox放在div #right-side

中

Answer 2

HTML code：

<div id ="right-side">
     <div id="navbox"><hr><hr><hr>
     </div>
</div>

您遇到问题，因为您没有为职位数量position和px声明

#navbox
{
    position:relative;
    background: red;
    width:70px;
    height:50px;
    z-index:50;
    top:5px;
    left:5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
}


#right-side{
    position:relative;
    top:0px;
    width:20%;
    height:90%;
    float:right;
    padding:0.2%;
    background-color: green;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

我希望这可以帮到你

Z-index不工作的div并排不在顶部

2 个答案: