家长固定的分区

Question

我想有一个父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; 
} 

Answer 1

变化的位置值，并给它相同的宽度作为父的div。

的“fixed'-DIV的CSS将是：

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

喜欢这个？ jsFiddle