html - 图像未根据我的屏幕进行修剪

Question

我希望图像可见，但我放置位置：绝对和右：-300px，只是为了显示图像的一部分。我不想向右滚动以显示我的图像，只想将其切断。我试过溢出：隐藏，但它不起作用。

这是codepen链接：https ://codepen.io/bogdan-pavel/pen/xxOzeOd

所以，我说的是右边的图像。

<div id="image">
<img src="https://i.ibb.co/3hRJLTK/creata.png" alt="fata creata" style="width:800px; position:absolute; right:-300px;" /> 
</div>

标签： htmlcssimagetrimsizing

Answer 1

添加overflow-x: hidden;_body

body{
   overflow-x: hidden;
}