如何修复“元素”或“自定义位置”中的“隐藏的溢出”

Question

我正在尝试在页面右侧制作自定义职位图像。隐藏伸出的部分。我将Elementor用于自定义位置功能的wordpress。

页面大小：仅限平板电脑

这是我正在处理的页面的链接： https://taskoftheday.com/how/

我尝试了以下溢出：隐藏的CSS，但是没有成功。

max-width: 100%;
overflow-x: hidden;

我想隐藏伸出右边的图像的溢出部分。

Answer 1

在您的 custom css 设置中，尝试以下操作：

body {overflox-x:hidden !important;}

这将适用于隐藏overflow，无论屏幕大小如何。

Answer 2

现在有一个隐藏溢出的选项。在部分布局设置中，您可以选择“隐藏”作为“溢出”的选项。 https://elementor.com/blog/custom-positioning/请参阅此页面以获取更多信息。