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 回答