css - 宽度为 100% 的 div，底部响应式 div，不能作为孩子

Question

好的，这就是我所拥有的：

<div id='wrap' style='width:100%; height:100%;'>
  <div id='parent'style='width:100%; height:100%;'>
  </div>
<div>

现在我想要一个<div id='downleft'>which 将是left: 0; bottom: 0;.

理想的情况是，如果我只是将其包含id='downleft'在id='parent'响应式中，例如：

<div id='wrap' >
   <div id='parent'>
      <div id='downleft'></div>
   </div>
<div>

不幸 parent的是，它是由脚本处理的，其中的所有内容都不会在最终网站中生成（其中还生成了一些其他 div）。

问题：

有没有什么方法 id='downleft'可以始终根据id='parent'页面左下角的响应高度获得响应位置？

ps：不幸的是 jsfiddle 不支持 height:100% 例如

Answer 1

您可以插入在 downleft 之前生成的内容，以便 downleft 始终是父级中的最后一个元素。

例如 `$("#downleft").before(javascript 生成的内容)

`