Question

我有一个基本网站，但我试图在底部放置一个固定的页脚，类似于我为标题所做的操作。对于我的标题，我做了以下。

body {
    background: url(blueheader.jpg) repeat-x #F4f4f2
}

我想做同样的事情，但让它出现在底部。

Answer 1

您应该将页眉和页脚包装在自己的标签中并单独定位。将身体留作＆＃34;画布＆＃34;为您的网站。

HTML

<body>
<div class="header"></div>
content!
<div class="footer"></div>
</body>

CSS

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: red;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: blue;
}

Answer 2

HTML：

 <footer>
    Your content here.
 </footer>

CSS：

 footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 45px; /* change this to suit your necessary height */
    background: url(blueheader.jpg) repeat-x #F4f4f2;
 }

基本网站的CSS FOOTER

2 个答案: