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

看一下，最后一个白色边框实际上是填充，而不是边框。

ID为'#work'的最后一部分上有'.pad-large'类。删除它，最终图像应该直接到页面底部。

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

在视差网站底部的边界

1 个答案: