html - 页脚位于屏幕中间

Question

我正在尝试制作页脚始终位于末尾的布局。但是，HTML 正文应该有一个固定在左侧和右侧的 div，用剩余的大小拆分另一个。

在那之前我没有问题......但是当右边的div有很多行HTML的时候一般不会一直延续到最后，而且footer在屏幕中间。

当#main与position:relative;发生错误，但如果您接受它，扬声器将无法按我需要的方式工作。

我已经尝试了所有方法，但无法修复。

这里的例子: 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; 而不是 absolute。这样它就会一直在最后。