如何阻止我的div滚动？

Question

我有一个响应div有6个选项（5个文本块和1个按钮）。当这个div达到手机屏幕大小时，div会略微15px滚动到它。我使用了很多absolute和relative定位并认为这可能是我的问题，但我仍然无法弄明白。

我尝试过使用overflow和overflow-y的一系列组合，但无法获得它。

HTML：

<div class="about-preface">
    <div class="preface-container">
        <div class="preface-block">
            <h4><i class="fa fa-user-plus"></i> Donor Acquisition</h4>
            <p>Startup nonprofits and established organizations need to consistently add new donors in order to surpass fundraising goals.</p>
            <p><a href="/about-fundraising-400#a">More on Donor Acquisition</a></p>
        </div>
        <!-- 5 more of these divs -->
    </div>
</div>

Here is a JS Fiddle也包含其中的所有内容。

Answer 1

您可能希望将overflow: hidden放在正文上以强制它包含.about-preface上的填充。

<强> Demo