css - 导致空白和水平滚动条的图像

Question

通过重影我的 CSS 元素，我可以看到我的嘴巴图像正在创建额外的空白区域，但我不知道如何删除它。我试过 overflow hidden ，希望它能起作用，但它没有？链接到 codepen

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

Answer 1

改用绝对定位。

.trumpframe{
    position: relative;
}

.mouth {
    position: absolute;
}

您需要调整顶部和左侧的值，因为我看不到它必须重叠的图像。