Position div under min-height div - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Position

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Position

Description

Position div under min-height div

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--   ww w .  jav a 2s .  c  om-->
 <body> 
  <div id="wrapper"> 
   <div id="left" style="border: 1px solid Red;float:left;min-height:200px;height:600px;">
     Lorem ips 
   </div> 
   <div id="right" style="border: 1px solid Green;min-height:200px; height:400px;">
     Lorem ips 
   </div> 
   <div style="clear:both;"></div> 
   <div id="disappearing" style="border: 1px solid Blue;height:100px;">
     Lorem ips 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials