0

绝对位置后内容已隐藏<

绝对位置隐藏我的内容

我希望我的内容是边框 5px

但输入此代码后,我的内容已被隐藏

见:http: //qass.im/checked

.wrapper > ul {
list-style: none;
position: relative;
z-index:1;
clear:both;
border:5px solid #ccc;
}

.wrapper > ul > li {
position: absolute;
left:0;
top:0;
width: 100%;
}
4

1 回答 1

1

绝对定位的元素不会影响其容器的高度。如果你<li>的 s 是绝对定位的,你需要手动给你<ul>一个足够大的高度来容纳它们,否则它会认为它的高度是 0,因为据它所知,它里面没有任何内容。将您的 css 更改<ul>为此,然后修改高度,直到您得到符合您要求的东西:

.wrapper > ul {
    list-style: none;
    position: relative;
    z-index:1;
    clear:both;
    border:5px solid #ccc;
    height:30px; /* Added this line to create a space for the <li>s */
}

注意:您可能还需要更改s上的topand以考虑边框。left<li>

于 2013-09-25T03:24:03.037 回答