閉じるボタンのオーバーラップ、スクロールバー（位置：固定）

Question

私は、スクロール可能なdivの内側のdivの位置を右に固定したいと思います。

しかし、固定divは親divのスクロールバーと重なり合うだけです！ 修正方法？

div { 
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%; 
    overflow-y:auto 
} 

div a { 
    position:fixed; 
    right:15px; 
    top:15px; 
    width:30px; 
    height:30px; 
    background-color:red; 
    border-radius:100% 
} 

Answer 1

あなただけのボタンを移動するにはもう少しあなたの右のピクセルを増やす必要があります（のみcss、fixedでなければなりません）。あなたの参照用に更新されたCSSがここにあります。

div { 
 
    position:fixed; 
 
    left:0; 
 
    top:0; 
 
    width:100%; 
 
    height:100%; 
 
    overflow-y:auto 
 
} 
 

 
div a { 
 
    position:fixed; 
 
    right:25px; 
 
    top:15px; 
 
    width:30px; 
 
    height:30px; 
 
    background-color:red; 
 
    border-radius:100% 
 
}

Answer 2

スクロールバーが（ページのコンテンツが長い場合、デフォルトの動作です）体の上にある場合は、固定位置のdivがスクロールバーの上に重なりません。

スクロールバーは、overflow: scroll;またはoverflow: auto;などの要素のいずれかである可能性があります。そのため、divは重複しています。

完全なHTML/CSSがわからないため、どの原因で問題が発生しているのか、どのように修正するのかはわかりません。