如何确保我的页脚显示在页面的结束所有的方式，而不是在中间？(How do I make sure t

这里是我的页脚的CSS：

 .footer {
      background-color: #CACACA;
      font-size: 20px;
      height: 50px;
      padding-top: 10px;
      position: absolute;
      text-align: center;
      width: 100%;
      }

在多个页面上我有容器的内容文本。在某些页面存在只是页脚出现在页面的末尾足够的内容。但在某些情况下，没有足够的内容，因此页脚仍然显示容器下，但有和页面的最后那之间的间隙。我怎样才能解决这个问题，无论所以调整容器的长度？

Answer 1:

像这样

  <!DOCTYPE html>
<html>
<head>
    <title>My Amazing Footer</title>
    <style>
    html, body {
       margin:0;
       padding:0;
       height:100%;
    }
    .wrapper {
       min-height:100%;
       position:relative;
    }
    footer{
        background:#F1F1F1;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height:300px;
    }

    footer p{
        text-align: center;
        padding-top:100px;
    }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class="Content">
            <p>HTML Ipsum Presents</p>
        </div>
        <footer>
            <p>&copy; My Website 2013. All Rights Reserved!</p>
        </footer>

    </div>
</body>
</html>

看到我们在包装的页脚和页脚是绝对的底部和左侧包装的，然后我们刚才添加的页脚包装底部填充，并在包装和身体的一些默认高度的高度，而这排序，取旁观的jsfiddle在这里- http://jsfiddle.net/eTwJh/2/这里是一个没有内容- http://jsfiddle.net/eTwJh/3/