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>
相邻div,一个跟着另一个自适应高度
ゞ╃漃瘼青賰---专注于提升web前端开发技术