html - 视差网站底部的边框

Question

我无法摆脱网站 www.goodlord.co 底部的边框。它是一个单页滚动器。

最后一张图片是我需要将其扩展到整个网站末尾的问题，但每次我这样做时，网站都会自行扩展。我真的很感激任何帮助。

汤姆

这是 css 部分的样式表。

section{ background: #fff;  }
body{ -webkit-font-smoothing: antialiased; #fefefe; }
#main-container{ overflow: hidden; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.nopad{ padding: 0px; }
.offix{ overflow: hidden; }
.pad-normal{ padding-top: 66px; padding-bottom: 34px; }
.pad-large{ padding-top: 60px; padding-bottom: 60px; }
.pad-end{ padding-top: 60px; padding-bottom: 60px; }
.pad-large-top{ padding-top: 99px; }
.pad-large-bottom{ padding-bottom: 99px; }
.pad-top{ padding-top: 66px; }
.pad-bottom{ padding-bottom: 66px; }
.space-top{ margin-top: 22px; }
.space-top-large{ margin-top: 44px; }
::selection {color:#fff;background:#444444;}
::-moz-selection {color:#fff;background:#444444;}

这是该部分的索引。

<a id="contact-scroll"></a>
        <section id="contact" class="text-divider bg-cover pad-end">

            <img alt="Slider Background" class="divider-bg" src="img/estate.jpg" />
            <div class="divider-overlay"></div>

            <div class="row divider-content">
            </div>

            <div class="row divider-content">
                <div class="medium-8 medium-centered columns">
                    <form id="contact-form" class="text-center">
                        <h1 class="text-white">Get in touch</h1>
                        <input id="form-name" type="text" placeholder="Name" />
                        <input id="form-email" type="text" placeholder="Email" />
                        <input id="form-msg" type="text" placeholder="Message" />
                        <div class="text-right">
                            <span id="details-error" class="text-white">*Error: Please complete all fields correctly</span>
                            <span id="form-sent" class="text-white">Thankyou, your enquiry has been sent!</span>
                            <div class="btn white-btn clear-btn"><h6 class="alt-h text-white">Clear</h6></div>
                            <div id="form-btn" class="btn white-btn"><h6 class="alt-h text-white">Send</h6></div>
                        </div>
                    </form>
                </div>
            </div>

Answer 1

看一看，最后那个白色边框其实是padding，不是border。

ID 为“#work”的最后一部分包含“.pad-large”类。删除它，最终图像应该正好位于页面底部。

您可能需要恢复元素的顶部填充，因为 .pad-large 会向元素的顶部和底部添加 60px 的填充。