css - オーバーフロー隠しが機能しない

Question

<div style="overflow:hidden;margin-top:37px;background color:#06A1FF;height:130px;width:100%;border-bottom:1px solid black;padding-top:20px;padding-left:20px">

何らかの理由で、overflow:hidden が水平スクロールバーを生成し続けるため、機能していないようです。

私を助けてください。

Answer 1

オーバーフロー設定が機能しない理由は、オーバーフローが要素自体のオーバーフローではなく、コンテンツのオーバーフローを処理するためです。

したがって、bookcasey の回答を選択して を追加するか、親要素にmargin-left: -20px追加します。overflow: hidden

Answer 2

を追加します。margin-left:-20px;現在、パディングのため、の幅divは 100% + 20px です。