DIV自适应高度写法简介

DIV＋CSS设计有很多值得学习的地方，这里和大家重点讨论一下DIV自适应高度的写法，希望本文的介绍能让你有所收获。

赤壁网站建设公司创新互联公司,赤壁网站设计制作，有大型网站制作公司丰富经验。已为赤壁上千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的赤壁做网站的公司定做！

DIV自适应高度的写法

以前写CSS是在IE6下高度自适应这个问题我们都不用想了，直接设置height:auto；或不设置就可以了，但是在fox和现在IE7,8下就会出现问题了，下面我们就来写一段DIV高度自适应写法，

在网上看到很多但觉得不适合，我看一个方法同时设置两个的浮动为both

 
 
 
    
  
  
  
  1. .pageRight,.pageLeft{ 
    2. 
  
  
  
  2. clear:both; 
    3. 
  
  
  
  3. } 
    4. 
  
  
  
  4.

这们会出现一个问题就是把左右浮动给清楚了，虽然在IE6下同有问题，但在其它浏览器下就会出现问题了，下面我们来看看我是怎么处理的吧。

先看看CSS布置代码。

 
 
 
    
  
  
  
    2. 
  
  
  
    3.

  • 上面的代码是要pageLeft,与pageRight分为左右，并且还要自适应高度。

     
 
 
      
  
  
  
    1. .pageRight{ 
      2. 
  
  
  
    2. width:320px; 
      3. 
  
  
  
    3. height:auto; 
      4. 
  
  
  
    4. float:right; 
      5. 
  
  
  
    5. height:600px; 
      6. 
  
  
  
    6. text-align:center; 
      7. 
  
  
  
    7. } 
      8. 
  
  
  
    8. 
  
  
  
    9. .pageLeft{ 
      10. 
  
  
  
    10. width:650px; 
      11. 
  
  
  
    11. height:auto; 
      12. 
  
  
  
    12. float:left; 
      13. 
  
  
  
    13. height:600px; 
      14. 
  
  
  
    14. border-right:1pxsolid#cee8cd; 
      15. 
  
  
  
    15. padding-right:8px; 
      16. 
  
  
  
    16. clear:both; 
      17. 
  
  
  
    17. position:relative;overflow:auto;height:auto; 
      18. 
  
  
  
    18. } 
      19. 
  
  
  
    19.

     红色这句很重要，这样就会左右分开并且还会自动根据内容DIV高度而自适应了。

    网页标题：DIV自适应高度写法简介
    转载来于：http://www.csdahua.cn/qtweb/news40/125540.html

    网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

    成都快上网为您推荐相关内容

    移动网站建设知识

    行业网站建设

    名片印刷厂　　 　德阳东方电机技改服务有限公司　　 　成都托管服务器　　 　定制网站设计　　 　橡塑保温管　　 　绵阳梓潼做网站　　 　旅游网站建设方案　　 　重庆电信五里店机房　　 　响应式建站　　 　广汉锦华建材　　 　成都包装设计公司　　 　成都企业网站建设公司　　 　成都网站设计　　 　成都定制网站　　 　成都建站　　 　香港云虚拟主机　　 　ssl证书申请　　 　德阳机房托管　　 　汕尾凯敏网站　　 　wap网站建设