Question

我想制作一个始终位于网页底部的页脚。我希望它在页脚内包含这个：

    <section>
        <h3><b>AnDeb-Autos</b></h3>
        <p>07956010151<br>
        info@andebautos.com<br><br>
        <b>Post only address because we are mobile van based</b><br><br>
        Alison Business Centre,<br>
        40 Alison Crescent<br>
        Sheffield<br>
        S2 1AS</p>
    </section>
    <section>
        <h3>Connect with us!<h3>
        <ul class="social">
            <li><a href="#"><img src="FACEBOOK" /></a></li>
            <li><a href="#"><img src="EBAY" /></a></li>
            <li><a href="#"><img src="GOOGLEPLUS" /></a></li>
        </ul>
    </section>

我希望它是100％宽，并且需要适应所有内容。我还希望它具有不透明度的黑色背景颜色，因此它不是固体

Answer 1

在CSS样式表中添加这些

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 100px; /* bottom = footer height */
    padding: 25px;
}

section {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
   overflow:hidden;
}

我如何制作页脚？

1 个答案: