为什么要消除溢出：隐藏会排除其中的所有内容？

Question

我想将:: before（黑色圆圈）和:: after元素彼此放在顶部以创建曲线。

侧面的空白是问题所在： 造成这种情况的原因可能是，evenRow元素排除（我不知道为什么）其余的内容，而只包装了图像中全宽度的大部分内容。

我尝试将div：hidden：hidden给div（在本例中为'evenRow'），该操作消除了空白，但是，绝对定位的元素不会从div中溢出。

这是元素的结构方式，

<div class="row evenRow">
        <div class="col-sm-12">
            <div class="section" style="background-color : #0d8ea9;">
                <h1>Latest News</h1>
                <ol>
                    <li>
                    MCBS completes supplies & installation of 
                    CCTV system in 18 Jails of Gujarat.
                    </li>
                    <li>
                    MCBS completes supplies & installation of 
                    Fibre 
                    Optic System to ITR (Defense organization)
                    </li>
                    <li>
                    MCBS completes supplies & installation of CCTV
                    project for Master Control Facility (MCF)
                    at Bhopal for ISRO.
                    </li>
            </ol>
        </div>
    </div>
</div>

一些可能有用的东西：

• 我正在使用Bootstrap-3
• 在767px以下调整窗口大小时，空白区域消失了（必须使用bootstrap来做一些事情）并且有效！
• 我尝试根据此answer构建代码。那正是我想要的样子，但是那没用
• 检查空白时，它是下面元素（evenRow下面的元素）的填充，并且evenRow不会将所有内容包装在其中，而只是包装伪元素。

欢迎所有建议！