弹性高度粘性页脚,或:使块消耗所有可用空间

时间:2012-03-09 21:54:22

标签: html css

在浏览粘性页脚的无数近似相同的网络教程并阅读所有关联的问题herethere之后,我只找到了一个解决方案here,但在我已经找到thought of one之前{3}}我自己。

都可以在没有javascript的情况下工作并适应任何页脚高度;既不干净。

  1. 我的包含多余的标记(每个页眉,页脚和内容一个,以及一个包装器);和未定义的CSS行为(指定一个高度为100%的表行会使它在firefox中占用尽可能多的空间,而不是像屏幕高度这样的100%,就像在IE中可能的那样)

  2. 链接的解决方案#3包含大量多余的标记,甚至比我的更多。


  3. 是否有一个较少的hackish版本?我不关心中老浏览器,只要最新稳定版本的firefox和chrome支持它,它就没问题。

    PS:在遇到flex-boxes

    时遇到浏览器错误

0 个答案:

没有答案