css float 高度自适应无效解决方法

作者:袖梨 2022-06-25
点击图片打开新窗口浏览



  怎么解决这个问题呢?经发现可以采用overflow来解决!方法是在父元素加上如下代码即可:

overflow:auto;zoom:1;



  “overflow:auto;”是让高度自适应,“zoom:1;”是为了兼容IE6,也可以用“height:1%;”来解决。

 代码如下 复制代码



float浮动之后的问题





 
header

 

   

     

       

城市导航


       

             
  • 北京

  •          
  • 上海

  •          
  • 天津

  •          
  • 南京

  •          
  • 广州

  •          
  • 重庆

  •          
  • 济南

  •          
  • 杭州

  •          
  • 郑州

  •          
  • 北京

  •          
  • 上海

  •          
  • 天津

  •          
  • 南京

  •          
  • 广州

  •          
  • 重庆

  •          
  • 济南

  •          
  • 杭州

  •          
  • 郑州

  •        

     

     

       

热门文章


       

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

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

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

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

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

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

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

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

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

  •        

     

   

   
右侧内容

 

 

 


 

相关文章

精彩推荐