Question

我现在不知道我做错了什么。我希望'artikelen'div在它打开时居中。我尝试了各种组合，但无法弄清楚出了什么问题。

这是HTML

<nav class="cl-effect-1"><center>
                <a href="#artikelen"><span data-hover="Artikelen"><font size="1px">Artikelen</font></span></a>
                <a href="#drukwerk"><span data-hover="Drukwerk"><font size="1px">Drukwerk</font></span></a>
                <a href="#jaarverslagen"><span data-hover="Jaarverslagen"><font size="1px">Jaarverslagen</font></span></a>
                <a href="#mailings"><span data-hover="Mailings"><font size="1px">Mailings</font></span></a>
                <a href="#onderwijs"><span data-hover="Onderwijs"><font size="1px">Onderwijs</font></span></a>
              <a href="#webteksten"><span data-hover="Webteksten"><font size="1px">Webteksten</font></span></a>
            </center></nav>
<div id="artikelen">
<div class="inhoud">
Artikelen
</div>
</div>

这是CSS

#artikelen {
position:absolute;
display:none;
width:auto;
height:auto;
}

#artikelen:target {
display:block;
margin-left: auto;
margin-right: auto;
}

.inhoud {
background-color:black;
color: white;
width:200px;
height:150px;
margin-left: auto;
margin-right: auto;
}

Answer 1

见这里：http://jsfiddle.net/h8GL3/

我删除了

poistion:absolute

来自#artikelen的

属性，现在左边和右边的边距有效。

我无法集中我的div

1 个答案: