絶対位置をinnerdivに追加するとスクロールバーが機能しません

Question

オーバーフロー：yスクロールバーが機能しない場合は、位置を追加すると.divwidthに絶対値が加算されます。

JsFiddle

.overflow { 
    width:80%; 
    margin-left:10%; 
    height: 300px; 
    overflow-y: auto; 
    background: #333; 
    color: #fff; 
} 
.divwidth { 
    width:100px; 
    height: 30px; 
    background: #666; 
    position: absolute; 
    margin-left: -25px; 
} 

Answer 1

これを試してみてください：あなたは

.overflow { 
    width:80%; 
    margin-left:10%; 
    height: 300px; 
    overflow-y: auto; 
    background: #333; 
    color: #fff; 
    position: absolute; 
} 
.divwidth { 
    width:100px; 
    height: 30px; 
    background: #666; 
    position: relative; 

} 

DEMO HERE

OR

.overflow { 
    width:80%; 
    margin-left:10%; 
    height: 300px; 
    overflow-y: auto; 
    background: #333; 
    color: #fff; 
    position: relative; 
} 
.divwidth { 
    width:100px; 
    height: 30px; 
    background: #666; 
    position: absolute; 
    margin-left: -25px; 
} 

.overflowからクラスファイルを追加することができます

DEMO

Answer 2

ので、あなたがオーバーフロー1

.overflow { 
position: relative; 
width:80%; 
margin-left:10%; 
height: 300px; 
overflow-y: auto; 
background: #333; 
color: #fff; 
} 

に、内側のdiv絶対寸法は、これに限定されるという方法でそれを追加した場合