相邻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>
原文地址:https://www.cnblogs.com/afuge/p/3011063.html