css - 绝对位置 div 在大小可变的列表项上

Question

嘿伙计们，我正在尝试制作一个绝对定位的 div，就像一个覆盖层，它扩展到与 ul 中的列表项相同的宽度，其中列表项是流动的，我的意思是百分比。我试过了，但是白色的覆盖 div 似乎超过了列表项的大小并扩展到整个浏览器。你能帮忙吗这是 fiddle <强> http://jsfiddle.net/JVRnW/

    .overlay
    {
        z-index: 3;


        position:absolute;
        height: 100px;
        width:100%;
        margin-top:0px;
        background-color: #fff;

    }

我想获得与 LI block 大小相同的覆盖 div。谢谢。请看我上面的 fiddle 。谢谢。

Answer 1

你只需要让 li 成为相对父级来定位 absolute :

ul li {
  position:relative;
}

演示 http://jsfiddle.net/JVRnW/2/