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

http://www.aa25.cn/content.asp?id=373
也许你在做网页的时候发现,发一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。
如图中的城市导航内的城市列表中采用了float之后,那个外框的高度并不是内容元素的高度:
怎么解决这个问题呢?经发现可以采用overflow来解决!方法是在父元素加上如下代码即可

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





float浮动之后的问题




header

城市导航

  • 北京
  • 上海
  • 天津
  • 南京
  • 广州
  • 重庆
  • 济南
  • 杭州
  • 郑州
  • 北京
  • 上海
  • 天津
  • 南京
  • 广州
  • 重庆
  • 济南
  • 杭州
  • 郑州

热门文章

  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
  • 本月20日起入境日本须留指纹
右侧内容

你可能感兴趣的:(ASP,XHTML,HTML)