动态高度 css 粘页脚答案

【问题标题】：dynamic height css sticky footer动态高度 css 粘页脚
【发布时间】：2013-04-18 15:07:22
【问题描述】：

我最近在寻找一种动态的 CSS 粘性页脚解决方案，并遇到了这个： http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html

它似乎在我尝试过的大多数流行的较新浏览器中运行良好，但由于某种原因，chrome 的显示方式不同，我猜 safari 的行为方式相同。

谁能指出问题出在哪里？

谢谢。

【问题讨论】：

【解决方案1】：

好的，感谢 Explosion Pills 的评论，我解决了。

如果您将body标签显示属性设置为display: table，这很可能是一个错误。

要解决这个问题，只需将元素放在另一个 div 标签中并将其设置为display: table

【讨论】：

将内容隐藏在另一个 div 中的主要问题当然是，仅用于强制布局的额外 div 是非语义元素——它们无关与 data 并作为布局元素，它们在现代网页中不合适，注意适当的关注点分离。 FWIW。