html - How to make the div over the image -


 <div style="border-style:solid; margin:auto;">     <div style="position:absolute;">       <div style="background:yellow; border-style:dotted; height:300px; width:300px">         <h3>this body, , height changed dynamically</h1>       </div>     </div>          <img src="https://www.google.ca/logos/doodles/2016/lunar-new-year-2016-5134827118395392-hp.jpg">   </div>      <div style="border-style:solid">     <h2> footer</h1>   </div>

i'm trying put div on image, how let floating div occupy space, footer div pushed accordingly.

i'm not sure you're asking. wish have yellow div take amount of space of div behind (with google doodle)? or want reverse, is, want footer height automatically adjust yellow div height?


Comments

Popular posts from this blog

java - pagination of xlsx file to XSSFworkbook using apache POI -

Unlimited choices in BASH case statement -

apache - How do I stop my index.php being run twice for every user -