학부모 내의 고정 된 학부모

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