在页面的顶部，我创建了四个方框/磁贴，它们在悬停时会轻微旋转（5度旋转）。方框的位置和大小通过flexbox来确定，以跨越整个窗口的宽度。当悬停在最右边的方框上时，它的右下角会移出右边的窗口，导致出现一个水平滚动条。
我想避免滚动条的出现。我尝试通过为包含框的<div>设置display: none来实现这一点，但这会干扰显示框的旋转，因为当框旋转时，它会在div的边框处将它们切断。我想保持框旋转的效果完全可见，同时避免水平滚动条。
下面是我的html和css，以及页面的jsfiddle（请注意，水平滚动条并不总是出现在jsfiddle中，这取决于代码运行的窗口的大小）：
第一个
2条答案
按热度按时间oknwwptz1#
为您的
body添加overflow-x: hidden。演示：第一个
juud5qan2#
在类名中使用此命令，如果它是span，则可以这样使用
//用于铬
. span {
}
//对于火狐
文件名：
}