阿蒂仙之香 玫瑰:overflow解决float浮动后高度自适应问题

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 23:08:54

overflow解决float浮动后高度自适应问题  

2007-12-13 14:10:25|  分类： 技术文章 |  标签： |字号大中小 订阅

overflow解决float浮动后高度自适应问题2007年11月30日 星期五 04:44 P.M.

      也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。
如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：

怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上

即可
overflow:auto;是让高度自适应，zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。

看实例：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


float浮动之后的问题



header


   

     

       

城市导航


       

             
  • 北京

    •          
  • 上海

    •          
  • 天津

    •          
  • 南京

    •          
  • 广州

    •          
  • 重庆

    •          
  • 济南

    •          
  • 杭州

    •          
  • 郑州

    •          
  • 北京

    •          
  • 上海

    •          
  • 天津

    •          
  • 南京

    •          
  • 广州

    •          
  • 重庆

    •          
  • 济南

    •          
  • 杭州

    •          
  • 郑州

    •        

     

     

       

热门文章


       

             
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •          
  • 本月20日起入境日本须留指纹

    •        

     

   

   
右侧内容




footer



overflow解决float浮动后高度自适应问题 CSS浮动属性Float详解 菜鸟理解css的float浮动属性 - 蜗爱CSS 胡锦涛：站在全民族发展高度解决两岸关系问题 解决IE6下float right 换行bug方案 css给span加float:right后内容下移--问题解决 周永康:高度重视积极回应群众合理诉求 解决信访突出问题 高度重视积极回应群众合理诉求　完善政策制度解决信访突出问题----周永康 周永康:高度重视积极回应群众合理诉求 解决信访突出问题 【转】 自动变速器维修后的匹配和自适应方法 五招解决WindowsXP启动后操作迟延的问题 五招解决WinXP启动后操作迟延的问题 解决远程桌面连接后没有声音的问题 如何解决PS软件卸载后无法重装的问题 解决电脑开机后桌面没有图标的问题 float 精度 杨洁篪：钓鱼岛问题高度敏感 杨洁篪：钓鱼岛问题高度敏感 二战后缺男人的俄罗斯美女靠什么解决生理问题 解决Win 7退出U盘后无法再使用问题 解决小乐刷OS2.0后不能WIFI连接电脑上网的问题 五招解决Win XP启动后操作迟延的问题 五招解决Windows XP启动后操作迟延问题1 怎么解决春运问题？