家長固定的分區

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