如何删除页面右侧的 1 像素边缘？

Question

我很难隔离出现在我网站右侧的 1 像素边缘。它在 Chrome 和 Safari 上以不同的 window 大小发生，我似乎无法弄清楚是什么原因造成的，或者它是否真的是我的设置完全无法避免的。

网站： www.husamelfaki.net

如果您能提前提供帮助，非常感谢，非常感谢。胡萨姆

编辑：删除敏感密码详细信息，现在问题已得到解答。谢谢。

Answer 1

您的问题来自右侧的每个元素，例如：

<div style="line-height: 0 !important; 
     font-size: 0px !important;
     position: absolute;
     left: 49.93055555555556%;
     top: 0px; opacity: 1;"
     class="thumb grid-item masonry-thumbs-item masonry-content_4qnsts4j5-item masonry-content_4qnsts4j5-item-1 remove-gutter-yes masonry-span6"
     data-thumb-src="http://www.husamelfaki.net/wp-content/uploads/2016/11/ntc5_thumb_2.jpg">

其宽度为 50%，但元素的左侧未位于 50%。使用 CSS 样式规则 left: 50%; 将左侧设置为宽度的一半。

我建议你使用 flex-boxing，它非常适合这种页面。

如何删除页面右侧的 1 像素边缘？

How do I remove 1-pixel edge on right side of my page?

html

css

que