固定父母内部的Div

时间:2014-08-27 14:28:43

标签: css position fixed relative

我想在父div中修复div。这个小提琴会给你一个例子: http://jsfiddle.net/4bGqF/873/

正如您所看到的,固定div正在打破容器。它应该保留在容器的顶部,但不能大于容器(包括滚动条)。

这可能吗?

代码:

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#container {
    width: 400px;
    padding-top:40px;
    height: 140px;
    background: green;
    overflow-y:scroll;
    position: relative;
}

#fixed {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    border: 1px solid green;
    background: red;
}

1 个答案:

答案 0 :(得分:0)

更改位置值并为其指定与父div相同的宽度。

' fixed' -DIV的CSS将是:

#fixed {
    position:fixed;
    top:0;
    left:0;
    width:400px;
    border: 1px solid green;
    background: red;
}


像这样? jsFiddle