页脚位于屏幕中间

Question

我正在尝试制作一个页脚总是在最后的布局。 但是，HTML正文应该有一个固定在左边和右边的div，用剩余的大小分割另一个。

在那之前我没有问题...... 但是当正确的div有很多行HTML时，通常不会持续到结尾，并且页脚位于屏幕中间。

当#main与位置：相对时;发生错误，但如果你接受它，扬声器就不会按照我需要的方式工作。

我已经尝试了一切，无法修复。

此处示例： http://jsfiddle.net/WzE3g/

#principal 
{
    width:100%; 
    float : left;   
    word-wrap: break-word;    
    /*display: block;*/
    position:relative;
    /*position:inherit;*/
    bottom:0;
}

Answer 1

在 #rodape 元素中使用 position：fixed; 而不是绝对。这样它总是在最后。

Answer 2

我认为你在谈论粘性页脚...... 这是example及其解释