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日起入境日本须留指纹

    •        

     

   

   
右侧内容

 

 

 
footer

 

相关文章

精彩推荐