Question

我想知道如何将footer.php粘贴到身体底部。

就像我希望它随时都在#base div之下。这意味着如果我输入一个很长的段落，它仍然会在基础之下。

现在这里是文件：

的style.css

/*Base Debut*/
#base {
    background-color:white;
    height:auto;
    width:1000px;
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 80px;
}
/*Base Fin*/

/*Footer Debut*/
#foot {
    padding: 5px;
    margin: auto;
    background-color: #303030;
    width: 1000px;
    color: #7A7A7A;
    font-family: OswaldL;
    font-size: 14px;
    text-align: center;
}

#foot .under {
    background-color: #2B2B2B;
    width:1000px;
    height:10px;
}
/*Footer Fin*/

footer.php

<br /><br /><br /><br /><br />

            </div>
            </div>
            </div>

        <div id="foot">

            <?php echo'NOM_SITE;'?> © | Lorem ipsum <a href="#">dolor</a> et <a href="#">sit</a> | amet<br />
            <a target="_blank" href="/mobile">Lorem ipsum</a>


        <div class="under">
        </div>
        </div>
        <br />
    </body>
</html>

的index.php

<?php include 'head.php'; ?>
<div clas="wrap">
<div id="base">
Welcome to <?php echo NOM_SITE; ?> $date <?php echo date("d/m/Y") ?>
</div>
</div>
<?php include 'footer.php'; ?>

谢谢：）

Answer 1

如果你想让页脚粘在身体的底部，你需要将身体设置为位置：相对;然后页脚位置：绝对;底部：0。

＆＃13;

#base {
    position: relative;
    z-index: 1;
}
footer {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

＆＃13;

然后，HTML应该是：

＆＃13;

<div id="base">
your base content

<footer>
footer content
</footer>
</div>

＆＃13;

将页脚粘贴到body div的底部

1 个答案: