头闻号

邹平县润梓化工有限公司

硫酸盐|营养性添加剂|化肥|行业专用设备加工

首页 > 新闻中心 > 科技常识:相邻div实现一个跟着另一个自适应高度示例代码
科技常识:相邻div实现一个跟着另一个自适应高度示例代码
发布时间:2024-11-19 08:34:33        浏览次数:3        返回列表

今天小编跟大家讲解下有关相邻div实现一个跟着另一个自适应高度示例代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关相邻div实现一个跟着另一个自适应高度示例代码 的相关资料,希望小伙伴们看了有所帮助。

复制代码代码如下: <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>new document</title> <style type="text/css"> .wrap{ border:1px solid #006699; width:500px; overflow:hidden; } .wrap .left{ float:left; width:50%; background:#eee; padding-bottom:3000px; margin-bottom:-3000px; } .wrap .right{ float:right; width:50%; background:#f5f6fb; padding-bottom:3000px; margin-bottom:-3000px; } </style> </head> <body> <div class="wrap"> <div class="left"> <p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p> </div> <div class="right"> sfds <p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p> <p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p> </div> </div> </body> </html>

来源:爱蒂网