div+css 清除浮动还需要考虑兼容吗

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
这个清除浮动的 content: "."; 这部分是什么意思呢?

如果这样写的话.clear{clear:both; height:0;}为什么清除浮动的层跟下面的层距离 IE6跟IE78的效果不一样呢?

清除浮动标准是怎么写?
2楼的 content:"\0020"; 这个是什么意思呢?

加一个overflow:hidden;
.clear{clear:both; height:0;overflow:hidden;}

不建议你用一个空的标签来清除浮动
建议你对需要清除浮动的选择器操作
例如.box是浮动的,我们需要清除他的浮动
可以这样写:
.box:after{content:"\0020";display:block;height:0;clear:both;}
.box {zoom:1;}
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-03-10
我觉得空的标签挺好的,.clear{clear:both; height:0;overflow:hidden;}
这种形式就很好
第2个回答  2010-03-10
肯定了
第3个回答  2010-03-05
把高度去了!然后。。。

CSS清除浮动的几种方式
更好的是使用after伪类,这是一种主流且推荐的清除浮动方法,配合zoom属性以兼容IE6和IE7。需要注意,after伪类仅在元素末尾添加内容,且在IE6和7下需配合zoom以触发haslayout。总的来说,选择适合的清除浮动策略,是保证页面布局稳定的关键。

我用HTML中div+css写的网页,有的IE支持,有的IE就不支持,Goole直接错位...
3.还讨论内容撑破容器问题,横向上的。如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。故,内容可能撑破的浮动容器需要定义width。小实验:有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。a.<div style=”border:1px solid red;height:10px”...

带你玩转清除浮动
需要清除浮动的时候只需要为元素添加上clearfix这个类名即可;这其实上就是刚刚那种方法的变形而已,其底层原理是一样的,都是在父元素的后面添加了一个样式为clear:both的块级元素,只不过一个是嵌套在html文档中的标签,

css清除浮动的几种常用方法
1、clear清除浮动(添加空div法)在浮动元素下方添加空div,并给该元素写css样式: {clear:both;height:0;overflow:hidden;}12 2、方法:给浮动元素父级设置高度 我们知道了高度塌陷是应为给浮动元素的父级高度是自适应导致的,那么我们给它的设置适当的高度就可以解决这个问题了。缺点:在浮动元素高...

在定义css内容页时,container里面包含content和sidebar,但是footer...
呵。div+css要考虑到兼容的问题的...有一条叫做万能Float闭合原则。。也就是说你只要用了Float:left or float:right 。如果想让下一个div块换行的话 就得加一个<div style='clear:both'><\/div> 这样你的#Foot就下来了。。。兼容问题。。要多看看...大网站怎么弄的....

div+css布局错乱问题解决方法
这个问题需要把left和right再使用一个div包含起来,直接上代码啦,下边就可以实现你要求的布局。foot总在下边,并能随着left,right的高度改变自动调整。<div id="box"> <div id="content"> <div id="left">这里是页面的左部分内容<\/div> <div id="right">这里是页面的右部分内容<\/div> <\/...

css中清除浮动的方法有哪些
对于CSS的清除浮动(clear),一定要牢记:这个规则只能影响使用清除的元素本身,不能影响其他元素。具体做法:要想让div2下移,就必须在div2的CSS样式中使用浮动。本例中div2的左边有浮动元素div1,因此只要在div2的CSS样式中使用clear:left;来指定div2元素左边不允许出现浮动元素,这样div2就被迫下移...

如何控制div+css适应不同的浏览器
margin-left:5px;\/*IE6下属性写的是5PX,但在显示出来的是10px 3.清除块display,这个可以解决浮动造成的块,造成块后,当DIV背景填色或填图片的时候,会出现背景断开或差一小块。这种兼容出现的不太多,我做到现在,只遇到过两次,方法是在出现兼容的DIV的CSS中写一个display:block,或其它属性,...

CSS 清除浮动问题
一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢?我们下面来详细的阐述一下。<div id="wai"> <div id="nei"><\/div> <\/div> 这是一个常用的div写法,下面我们来书写样式。大家可以在DMX中...

div+css里的清除和浮动是什么意思
“清除”就是clear这个属性的中文解释,“浮动”是float这个属性的中文解释.清除(clear)的意思可以理解为把这个元素指定方向的内容给移走.例如clear:both; 就是指这个元素左右两边的内容给排除开,相当于这个元素独立成一行,其它元素不管宽度大小,都不能和这个元素并排显示.如果是clear:right;就相当于这个...

相似回答
大家正在搜