如何在页面底部进行模态响应？

Question

我想要一个响应性地在页面底部打开的模态。

在此示例中，从下到上显示模态。我希望他出现并留在那里。

在此示例中，更改位置，设法获取模式显示在页脚中，但它没有响应，它不适合内容。当我插入精彩内容时，它只显示一半，其余内容无法看到。

我想那样：

Answer 1

你可以这样做：

<强> CSS

{{1}}

<强> DEMO HERE