html - 在保持流动的同时定位动态高度页脚底部

Question

在此示例中，我有两列内容。左列是固定宽度，右列是动态宽度，取决于父级。min-height是 300 像素，我希望两列在底部对齐，当一个具有更高的内容时。这是我用桌子做的。

问题是我不能将元素.dw-bottom-fixed放置在底部，同时让它们保持流动（所以这不会起作用），所以更高的内容会将内容向下推，如果内容太短，它应该留在底部。这在双方。

页脚内容也是动态高度的，所以我也不能做这样的事情。

我不想通过 javascript 做到这一点。

有什么猜测吗？

提前致谢。

Answer 1

我真的想要一个解决方案，我可以使用 css 类拉下一个元素，但我的解决方案是将元素放在另一个元素的底部display: table-row。

见这里。