小编mcv*_*ies的帖子

将页脚固定到页面底部

虽然我网站上的大多数页面都有足够的内容可以将页脚推到页面底部,适合大多数人.无论如何,无论屏幕尺寸如何,我都知道它始终固定在底部.

我已经尝试了很多方法,比如底部:0x; position:absolute:等等.似乎工作得很好,偶尔会将页脚从容器中推出,然后使用其中的一些示例将其固定到底部.

包括页脚两部分的HTML和CSS(页脚和版权栏).<section id="footer"> div无论如何,他们都在内心.

我删除了我的尝试,以便人们可以立即查看它,看看当前的代码是什么修改.

实时网址 - http://www.mangdevelopment.co.uk/nakedradish

(这是一个餐厅网站.不要担心'裸体'这个词).

HTML

<section id="footer">
  <div class="container">
    <div class="row">
      <div class="span1">
        <div id="small-logo">
          <img src="img/small-logo.png" />
        </div>
      </div>
      <div class="span2">
        <div class="footer-list">
          <h6>OUR BOXES</h6>
          <ul>
            <a href="#">
              <li>Classic Box</li>
            </a>
            <a href="#">
              <li>Vegetarian Box</li>
            </a>
            <a href="#">
              <li>Family Box</li>
            </a>
            <a href="#">
              <li>Dinner Party Box</li>
            </a>
            <a href="#">
              <li>Gift Box</li>
            </a>
          </ul>
        </div>
      </div>
      <div class="span2">
        <div class="footer-list">
          <h6>OUR RECIPES</h6>
          <ul>
            <a href="#">
              <li>Last Weeks Feature</li>
            </a> …
Run Code Online (Sandbox Code Playgroud)

html css footer

43
推荐指数
6
解决办法
23万
查看次数

标签 统计

css ×1

footer ×1

html ×1