首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >绝对位置:列表中大小可变的项上的div。

绝对位置:列表中大小可变的项上的div。
EN

Stack Overflow用户
提问于 2013-12-17 16:41:32
回答 1查看 69关注 0票数 0

嘿,伙计们,我试着做一个绝对定位的div,就像一个覆盖,它扩展到与ul中的列表项相同的宽度,其中列表项是流动的,我的意思是百分比。我试过了,但是白色覆盖div似乎传递了列表项的大小,并扩展到整个浏览器。你能帮忙吗?这是小提琴http://jsfiddle.net/JVRnW/

代码语言:javascript
代码运行次数:0
运行
复制
    .overlay
    {
        z-index: 3;


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

    }

我想要得到与LI块相同大小的覆盖div。谢谢。请看上面我的小提琴。谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-17 16:44:20

您只需要使li成为相对父级,就可以定位absolute

代码语言:javascript
代码运行次数:0
运行
复制
ul li {
  position:relative;
}

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20639786

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档