div height高度自适应

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



  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>  

You May Also Like

About the Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注