单个中心柱上的人造柱替代方案

Question

我正在进行居中的2柱布局。居中列的两半都同样伸展，因为我在它下面有一个页脚。如何使中心列 - 最短 - 不会比浏览器短？

什么是替代方法（仅在可能的情况下使用CSS）到虚拟列技术？

欢迎使用代码。

谢谢。

Answer 1

只是要清楚 - 问题不在于内部DIV延伸到外部DIV之外（除非有什么奇怪的东西，否则明确的底部应该注意） - 而是您正在寻找外部DIV整个视口的大小，其页脚总是在视口的底部？

如果是这样，你最可能寻找的是一个粘性的页脚。检查出this solution here，它非常简单和相对优雅（至少考虑到这不是一个非常简单的问题）。它在包装上使用100％的高度和负的底部边距，负的底部边距与页脚的高度相匹配。