空白と水平スクロールバーを引き起こす画像

Question

私のCSS要素をゴースト化すると、私の口の画像が余分な空白を作成しているのがわかりますが、削除する方法はわかりません。私はそれがうまくいくかもしれないという希望でオーバーフローを隠そうとしましたが、それはありませんでしたか？ codepen

.mouth{ 
top: 268px; 
left: 273px; 
position: relative; 
overflow-x:hidden; 
} 

Answer 1

代わりに絶対配置を使用してください。

.trumpframe{ 
    position: relative; 
} 

.mouth { 
    position: absolute; 
} 

オーバーラップする画像が表示されないため、上下の値を微調整する必要があります。