无法显示：before和：after if overflow hidden

Question

我正在设计一个全屏网站，使用javascript来设置我的部分的高度和宽度。

我希望在每个部分的底部都有一个对角分隔符。

现在，我的问题在这里：

为了显示对角线div，我需要在容器上设置自动溢出，但如果是自动，则完整网站向右滚动，因为对角线div大于正文。

我需要容器有溢出：隐藏，但仍能看到对角分隔线。

你可以在这里看到我在说什么： http://codepen.io/anon/pen/emoLpd

如果您从//overflow:hidden取消注释div.website-section，您将看到对角线不再可见。

如何隐藏溢出并同时显示对角线div？

提前感谢您的帮助。

PS：对于大量的代码感到抱歉，但我正在使用less进行开发，并且我粘贴了完整的代码。

Answer 1

以下是一个实例，分别来自您的示例：http://codepen.io/anon/pen/jERvrE

无需在overflow:hidden div上设置.website-section。您只需在overflow-x: hidden元素上设置body即可保持水平滚动条不显示，但不会修改垂直滚动。

这是重要的部分：

body {
    overflow-y: auto;
    overflow-x: hidden;
}