爱提高教育网-因为专注,所以专业!

广告
weixin广告
汽车广告

相邻div实现一个跟着另一个自适应高度示例代码

时间:2014-12-01 16:47 文章来源:网络资源 作者:网友分享 阅读数:

  本文为大家详细介绍“如何实现,相邻div、一个跟着另一个自适应高度”,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助!
  
  代码如下:
  
  <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
  
  <html>
  
  <head>
  
  <title>newdocument</title>
  
  <styletype="text/css">
  
  .wrap{
  
  border:1pxsolid#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>
  
  <divclass="wrap">
  
  <divclass="left">
  
  <p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p>
  
  </div>
  
  <divclass="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>


      免责声明:
      * 本文仅代表原作者个人观点,与爱提高网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容!
      * 本网站为在线互动式资源分享平台,在这里您可以和千万网友分享自己手中的资源,同时也可以自由转载分享。站内资源为网友自行上传共享,本站不承担任何法律责任。若侵犯了您的版权利益,敬请来信通知我们,我们会在收到通知后的第一时间内予以删除。
    返回爱提高网首页
    • 职场管理
    • 个人理财
    • 健康人生
    • 电脑技能

    相关搜索资料

    相关内容

    only广告
    • 生活美食
    • 法语韩语
    • 家庭装修
    polo广告

    热门排行

     图文排行