伪元素 ::before 导致水平滚动条

Question

我在摆脱水平滚动条时遇到了问题。我的设计设置具有正确的尺寸和定位，但我只想隐藏 ::before 图像元素技巧的溢出。

你可以在这里看到我的意思： http://192.99.37.125/~uptownlounge/

我尝试添加 overflow-x: hidden;到 body 元素，但它在移动设备上被搞砸了。还有其他想法吗？

Answer 1

对于带有此选择器的移动设备，请使用width:100%;：#dots-dark::before{}

那么overflow的问题就解决了。

#dots-dark::before {
   background-color: transparent;
   background-image: url("https://s3.amazonaws.com/webdiner/dots-red-top-arrow.png");
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto;
   position: absolute;
   content: " ";
   height: 131px;
   display: inline;
   width: 100%;
   left: 127%;
   top: -131px;
   margin-left: -804px; 
}