清浮动英文

下面代码保存为网页到Firefox或ch、op浏览器下去看(IE低版本会自动清理浮动，不存在此问题)：

不清除浮动的话上面div不能正确的包裹住两个浮动的p元素，失去了范围，导致下面的h4内容会跟着乱

而如果你清理了浮动，就不存在这个问题

你把这句代码加到#test的样式表里面再刷新，div就能正确包住浮动的p了：overflow: hidden;

当元素设置有宽度时，使元素具有overflow属性是清理浮动方法的一种

clearfix定义： [css] view plain copy print? .clearfix:after {}{ content: "."; /**//*内容.英文句号已写*/ display: block; /**//*加入元素转换块级元素*/ clear: both; /**//*清除左右两边浮*/ visibility: hidden; /**//*见度设隐藏注意display:none;区别visibility:hidden;仍占据空间看已；*/ line-height: 0; /**//*行高0；*/ height: 0; /**//*高度0；*/ font-size:0; /**//*字体0；*/ } .clearfix {}{ *zoom:一;} /**//*针于IE陆IE陆支持:after伪类神奇zoom:一让IE陆元素清除浮包裹内部元素*/ .clearfix原理： 一、IE陆, 漆zoom: 一触发hasLayout使元素闭合内部浮 二、标准浏览器.clearfix:after伪类应用.clearfix元素面插入clear: both块级元素达清除浮作用 三、需要清除浮候要写.clearfix行需要清浮元素 添加clearfix类

呵呵,很简单么.left 和 right 是用来对其的,比如两个div想要排列成一行, 就要用到做浮动和有浮动, 至于左右 不用我解释了把?inherit是缺省值,自动继承父div.clear简单的说比如A和B同行float:left了,这时候有个C不想float:left 和AB同一行,就可以给C来个clear:left,这样C就可以在另一行了 right同理.both是清除两者. 嗯...也许clear这个不能举例说,还是说实际的布局吧. 在我们写div的时候要经常用到float那么没有加float属性的div很容易受到已经加了float样式的div影响 而导致我们常说的窜位,那么这个时候我们就要用到clear来清除浮动的影响,来让这个div显示在我们想要的位置上.不知LZ懂了没有

float 浮动，，，left ，right，，none ，，，clear ，，，清楚float 浮动，，，有时没什么作用！！！

简单的说就是让所在的div块放在左边