인접div, 하나는 다른 하나를 따라 높이에 적응한다

13453 단어 div
 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 2 <html>

 3 <head>

 4     <title>new document</title>

 5     <style type="text/css">

 6     .wrap{

 7         border:1px solid #006699; width:500px; overflow:hidden;

 8     }

 9     .wrap .left{

10         float:left; width:50%; background:#eee; padding-bottom:3000px; margin-bottom:-3000px;

11     }

12     .wrap .right{

13         float:right; width:50%; background:#f5f6fb; padding-bottom:3000px; margin-bottom:-3000px;

14     }

15     </style>

16 </head>

17 <body>

18 <div class="wrap">

19     <div class="left">

20         <p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p>

21     </div>

22     <div class="right">

23         sfds

24 <p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p>

25 <p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p><p>  </br></p>

26     </div>

27 </div>

28 </body>

29 </html>

좋은 웹페이지 즐겨찾기