浮动自适应高度解决

作者: 周 建生 日期: 2010/05/05 发表评论 (5) 查看评论

最近在编写博客页面时候，遇到一个浮动自适应高度问题：显示的最外层并不能和内层的div高度自动适应。

如下图：

总结下三点解决办法：
一、使用after对象：

效果如下图：

二、使用overflow：

三、使用空标签clear清除属性：

其中空标签可以为div 、 p等，我个人认用p会比较好。

相关文章

CSS学习
发表评论？

5 条评论。

  1. Sanmi 2010/06/05 于 10:07

    我来学习学习，对于自适应我有时候还真弄不明白。

    回复
  2. 花脸猴 2010/05/06 于 17:15

    代码一看头都大了

    回复
  3. 卢松松 2010/05/06 于 17:11

    浏览器都兼容吗？

    回复
    • 梦幻之鹰 2010/05/06 于 19:00

      在主流浏览器：ie6.0，ie7.0，ie8.0，FF下都兼容。
      不过第二种，overflow属性的选择要看需要根据需要而定，看是否需要出现滚动条。

      回复

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

无觅相关文章插件，快速提升流量