Rainshadow StudioRainshadow StudioRainshadow StudioRainshadow Studio
  • Home
  • Photography
  • Design
  • Techniques
    • Photography Techniques
    • Design Techniques
  • Others

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

    Home 设计工作站 设计技巧 overflow解决float浮动后高度自适应问题
    NextPrevious

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

    By rainshadow | 设计技巧 | 0 comment | 6 8月, 2012 | 0

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

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

    overflow:hidden;
    zoom:1;

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

    code ,html
    头像

    rainshadow

    More posts by rainshadow

    Related Post

    • 如何将页脚固定在页面底部

      By rainshadow | 0 comment

      作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当Read more

    • Adobe Edge Reflow CC 响应式网页设计

      By rainshadow | 0 comment

      响应式网页设计基础【从零开始】 如今的互联网事业突飞猛进,可谓一日千里Read more

    • 移动平台自动跳转到移动版网页

      By rainshadow | 0 comment

      原先网站是flash制作的首页,随着进入移动互联网时代,移动客户端几乎Read more

    • 做站必备神图

      By rainshadow | 0 comment

    • Quirks模式与Standards模式的区别

      By rainshadow | 0 comment

      quirks和standards的区别很多都可以归为IE5和IE6的区Read more

    Leave a Comment

    取消回复

    邮箱地址不会被公开。 必填项已用*标注

    NextPrevious

    标签

    Adobe ai app apple BBC CIVIC code css dreamweaver excel Flash Google Gphone HD html ipad jequery js jsp office ppt PS PS3 TV UI wordpress 上海 吃吃喝喝 奥运 婚礼 小常识 幽默 手机 报价 摄影 摄影技巧 汽车 流行 电影 电脑 网站 视频 设计 软件 音乐
    Copyright 2017 Rainshadow Studio | All Rights Reserved
    • Home
    • Photography
    • Design
    • Techniques
      • Photography Techniques
      • Design Techniques
    • Others
    Rainshadow Studio