1
我最近在寻找一个动态的CSS粘的页脚的解决方案，并碰上了这一个： http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html动力高度的CSS页脚粘
似乎在大多数，我试过，但流行的新的浏览器的工作大某些原因铬不以相同的方式显示它，我的猜测是safari以相同的方式行事。
任何人都可以指点问题出在哪里？
谢谢。
A
回答
3
好吧我解决了爆炸药丸的评论。
如果将主体标签显示属性设置为display: table，则很可能是一个错误。
来解决它只需将元件彼此div标签内，并设置为display: table
+0
埋在另一个div内的内容的主要问题当然是，只用于强制布局的额外的div是不是 - 语义元素 - 它们与* data *无关，并且作为布局元素，它们在现代网页中不合适，从而观察到适当的关注点分离。 FWIW。 – Craig 2015-09-28 23:12:27
相关问题
- 1. 未知高度的CSS粘性页脚
- 2. Bootstrap 4 - 粘性页脚 - 动态页脚高度
- 3. 高度可调的粘性页脚
- 4. 粘性CSS页脚
- 5. 粘滞页脚CSS
- 6. css-only动态高度页脚100％div高度
- 7. 粘性页脚，以及没有特定高度的滚动div
- 8. css粘性页脚没有滚动条
- 9. DIV - 力量高度100％= /页面高度？
- 10. 全高柱和粘页脚
- 11. CSS粘滞页脚失败
- 12. ASP.NET中的CSS粘页脚页面
- 13. 动力高度页，但DIV高度不工作
- 14. CSS动态定位页脚（粘性页脚问题）
- 15. 动力高度的UILabel
- 16. CSS高度页面高度的100％？
- 17. css粘页脚在一个asp.net页面
- 18. 粘性页脚混淆了部分的高度
- 19. 粘滞页脚包装不扩展到正确的高度
- 20. 高度：100％和粘滞页脚布局。最后的战斗
- 21. 的div高度100％，但不超过绝对粘页脚
- 22. 复杂粘页脚和100％的内容高度
- 23. 粘性页脚在100％高度的网站上
- 24. 创建CSS粘页脚时，为什么使用最小高度而不仅仅是高度？
- 25. 的CSS固定高度的内容内beetwen页脚和页眉
- 26. 简单的CSS问题 - 粘页脚等
- 27. 做相反的CSS粘页脚
- 28. 与页眉和页脚和动态内容高度的CSS的div
- 29. CSS如何获得页眉和页脚之间的高度？
- 30. Bootstrap 100％高度（内容使页脚粘到底部）
我跟着链接和页脚坚持在Chrome和Safari – Vector 2013-04-24 21:36:50
精细页脚坚持罚款，但头不留在顶部像其他浏览器一样 – Jake 2013-04-24 21:37:31
这可能是一个错误;删除'display：table'并添加回来让它正确显示 – 2013-04-24 21:38:30