1

これが私が持っているものです：

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

今、私<div id='downleft'>はそうなるだろうが欲しいですleft: 0; bottom: 0;。

理想は、次のように、応答性id='downleft'の高いものの中に含めるだけでした。id='parent'

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

残念ながら parent、スクリプトによって処理され、その中のすべてが最終的なWebサイトで生成されません（その中に他のいくつかのdivが生成されます）。

質問：

ページの左下に、レスポンシブな高さにid='downleft'基づいて常にレスポンシブな位置を設定できる方法はあり ますか？id='parent'

ps：残念ながら、jsfiddleはheight：100％をサポートしていません。

4

1 に答える 1

1

左下の前に生成されたコンテンツを挿入して、左下が常に親内の最後の要素になるようにすることができます。

例： `$（"＃downleft "）。before（javascript生成コンテンツ）

`

于 2012-10-18T21:37:49.913 に答える