打印

[求助] 对div设置flaot属性后,在FF下高度不自动增加

如题,当对对div设置flaot属性后,在FF下高度不自动增加。

代码如下:

 提示:您可以先修改部分代码再运行
浮动后就要清除,你清除浮动试试!
清除后就可以了
不知道该怎样清除!
还请多多指教!!

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

清除是放在和浮动同一级别的



 提示:您可以先修改部分代码再运行

TOP



 提示:您可以先修改部分代码再运行

TOP

这么做的话,我岂不是要在HTML文档中插入一个无用<div>(纯属为了清除浮动而插入)吗?
不知还有没有其它更好的方法!!

TOP



 提示:您可以先修改部分代码再运行

TOP

回复 phantom 在 8# 的帖子

首先非常感谢版主的帮助,但是我还是不明白这样写的原理是什么?
还请版主赐教!!

TOP

好象是外层的div中overflow:hidden起作用吧??

[ 本帖最后由 nui963 于 2008-6-6 09:42 编辑 ]

TOP

一篇关于这个的文章
http://www.dudo.org/article.asp?id=239

其实我觉得还是使用一个空的<div>比较好,或者这样

 提示:您可以先修改部分代码再运行
dudo.org

TOP

写一个
.clear {
clear:both;
height:0;
overflow:hidden;
}
在浮动的div后面加上<div class="clear"></div>

TOP

引用:
原帖由 YstarLongzi 于 2008-6-5 21:02 发表
首先非常感谢版主的帮助,但是我还是不明白这样写的原理是什么?
还请版主赐教!!
简单点说就是你的没高度没闭合没清除浮动,就这样。
我呢是习惯每个容器都加上宽高的。

TOP

引用:
原帖由 phantom 于 2008-6-6 10:56 发表


简单点说就是你的没高度没闭合没清除浮动,就这样。
我呢是习惯每个容器都加上宽高的。
还加个zoom:1有什么用
www.macrochen.com

TOP