Html 如何防止CSS左/右属性推送窗口

我正在使用“右”和“左”属性在页面边缘放置小图像

.class img {position:absolute;left:60%}

上面的示例将图像放置在屏幕右侧的末端，只有一半图像可见，但它也会触发水平溢出，使页面可向图像的整个宽度拖动

我尝试将溢出设置为隐藏，但没有效果

---

关于如何实现这一点，您有什么想法吗？

任何时候，如果您希望允许屏幕外的项目，但不允许滚动，则必须限制用户的视口。这通常可以通过将

正文

上的

overflow-x

或

overflow-y

设置为

hidden

来实现

/*问题*/
.屏幕外{
位置：绝对位置；
右：-50px；
宽度：100px；
高度：100px；
背景色：红色；
}
/*解决方案*/
身体{
溢出x：隐藏；
}

---

听起来您希望图像显示在屏幕的右边缘。这应该起作用：

.class img {
    position: absolute;
    right: 0;
}

---

如果我们能看到所有的代码就好了。。。只有一半的图像可见，但它也会触发水平溢出…听起来它应该只有一半可见。谢谢@Chase Ingebritson。隐藏

正文的溢出

。我一直在图像和图像

div