位置の範囲：absoluteコンテナのオーバーフローでスクロールバーを作成しません。

コンテナ内の絶対位置のSPANをコンテナにオーバーフローさせると、コンテナのスクロールバーが表示されます。位置の範囲：absoluteコンテナのオーバーフローでスクロールバーを作成しません。

ただし、コンテナにoverflow：autoが設定されていても、SPANはコンテナに属していないかのようにコンテナdivの外側に飛んでいます。

私は多くのSPANを追加するので、相対位置のような他の値は、スクロールバーを作成しても、各SPANに望ましい独立した位置を混乱させます。ここで

はフィドルです： https://jsfiddle.net/v8x2bot4/1/

CSS：

.container { 
    background-color: #AFF; 
    width: 500px; 
    height: 500px; 
    overflow: auto; 
} 

.fly { 
    border: solid black 1px; 
    background-color: #0F0; 
    position: absolute; 
}

HTML：私はSPANの溢れ一部を隠し、必要に応じてスクロールバーを表示させることができますどのように

<div class="container"> 
    <span class="fly" style="left:450px; top:100px">blablablablabla</span> 
    <span class="fly" style="left:300px; top:200px">blablabla2</span> 
</div>

？

希望HTML + CSSはjavascriptなしで実行できます。しかし、SPANの数にかかわらず動作するjavascriptを使用したソリューションは、維持管理が容易で適切でなければなりません。

出典

2016-03-21 Eduardo Poço