div height高度自适应

admin
2011-07-06 / 0 评论 / 297 阅读 / 正在检测是否收录...

这个问题一直困扰我,今天找到个办法,经测试可用。

  1. <html>  
  2. <head>    
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
  4. <title>Copterfly's Blog</title>    
  5. <style type="text/css">    
  6. <!--    
  7. #wrap{overflow:hidden;}    
  8. #sidebar_left,#sidebar_right{padding-bottom:100000px;margin-bottom:-100000px;}    
  9. -->    
  10. </style></head>  
  11.   
  12. <body>    
  13. <div id="wrap" style="width:300px; background:#FFFF00;">    
  14. <div id="sidebar_left" style="float:left;width:100px; background:#777;">Left</div>    
  15. <div id="sidebar_mid" style="float:left;width:100px; background:#999;">    
  16. Middle<br />    
  17. Middle<br />    
  18. Middle<br />    
  19. Middle<br />    
  20. Middle<br />    
  21. Middle<br />    
  22. Middle<br />    
  23. Middle<br />    
  24. Middle<br />    
  25. </div>    
  26. <div id="sidebar_right" style="float:right;width:100px; background:#888;">Right</div>    
  27. </div>    
  28. </body>    
  29. </html>  
0

评论 (0)

取消