位置を取得する方法：親オーバフローが自動であるときに、絶対的な子が親の次元をオーバフローさせますか？

Question

#container { 
 
    width: 200px; 
 
    height: 200px; 
 
    background:red; 
 
    overflow: auto; 
 
    position: relative; 
 
} 
 

 
#absolute { 
 
    position: absolute; 
 
    top: 50px; 
 
    left: 0; 
 
    width: 400px; 
 
    height: 20px; 
 
    background: yellow; 
 
}

<header>Header</header> 
 
<div id="container"> 
 
    <div id="absolute"></div> 
 
</div> 
 
<footer>Footer</footer>

私は親ボックスより広くなって、ここで絶対位置黄色のバーを持っています。フルバーを表示し、親ディメンションで切り取らないようにしたいと思います。それはCSSのプロパティのいくつかの組み合わせを使用して行うことは可能ですか？

親からオーバーフロー：autoを削除すると、私が求めている効果が得られますが、残念ながらそれを削除することはできません。

Answer 1

私はバーが、その親要素よりも広くなっていることを何らかの理由があるoverflow: auto;を持っており、本体容器

#container { 
 
    width: 200px; 
 
    height: 200px; 
 
    background: red; 
 
    position: relative; 
 
} 
 

 
.subcon { 
 
    overflow: auto; 
 
} 
 

 
#absolute { 
 
    position: absolute; 
 
    top: 50px; 
 
    left: 0; 
 
    width: 400px; 
 
    height: 20px; 
 
    background: yellow; 
 
}

<header>Header</header> 
 
<div id="container"> 
 
    <div class="subcon"> 
 
    <div id="absolute"></div> 
 
    </div> 
 
</div> 
 
<footer>Footer</footer>