另一种方法是使用after伪元素，通过在父元素上添加样式来清除浮动例如HTML代码 浮动元素 非浮动元素 CSS代码clearfixafter content quotquotdisplay blockclear bothvisibility hidden *after display inlineblock hidden visibility hidden 还有一种方法是使用。

首先，一种简单的做法是通过为父级div定义高度具体代码如下我是左浮动我是右浮动我是div2 这种方法的原理是通过设置父元素的overflow值为hidden在IE6中还需要触发 hasLayoutzoom1其优点在于代码简洁，不存在结构和语义化问题，但缺点是无法显示需要溢出的元素，因此不太推荐使用另一种方法。

clearfix*zoom1 使用了这个，还不错，或者你自己去百度下清除浮动方法，有很多种的，或者在footer里面也清除下左浮动。

html控制文字浮动的代码在CSS定义，然后设置显示的位置，浮动Float不使用浮动Floatleft靠左浮动Floatright靠右浮动颜色用color你选择颜色HTML如何让元素浮动在最上层elementpositionfixedtop0left0zindex最高层的元素的层数+1用绝对定位+确定层数即可。

clearclearbothlineheight0首先在很多很多年以前我们常用的清除浮动是这样的现在可能还可以在很多老的站点上可以看到这样的代码，相当暴力有效的解决浮动的问题但是这个用法有一个致命伤，就是每次清除浮动的时候都需要增加一个空标签来使用这种做法如果在页面复杂的布局要经常清除浮动的时候。

浮动和盒状模型定位是CSS重点和难点浮动，就是让div样式层块，向左或向右靠浮动Floatleft 靠左浮动Floatright 靠右浮动clearboth清除浮动，简单举例如下CSS样式如下box1 floatleft width200px height300px background#f00* 设置div对象浮动靠左* box2 float。

你那段代码是用来清除浮动的以下代码可以这么解释clearfixafter lt在类名为“clearfix”的元素内最后面加入内容content quotquot lt内容为“”就是一个英文的句号而已也可以不写display block lt加入的这个元素转换为块级元素clear both lt清除左右两。

加入这个层，作用是清除浮动，仅作布局用height1px高1像素，clearboth表示该元素两边都不存浮动元素，overflowhidden溢出隐藏，因为在ie6中，div有一个默认高度，它对1px的高度声明不认账，会自动扩展在高版本的ie中或火狐中都可以不用加溢出隐藏的声明 lt！总之，用到浮动的，用完了。

不建议你用可视化编辑，DW那功能特别烂，自己手写提高的很快 浮动顾名思义就是把一个层单独拿出来，在IE6中是占据空间的，在标准浏览器如ff中是不占用空间的，这会导致一些hack，所以随时记得清除浮动防止错位，这个就是clear的主要用途 display就那么几个用法，主要说下inline在ie6中浮动对象加margin有双边。

一IE边框若显若无，须注意，定是高度设置已忘记二浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中三三像素文本慢移不必慌，高度设置帮你忙四兼容各个浏览须注意，默认设置行高可能是杀手五独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览六学布局须思路。

overflowhidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解一提到清除浮动，我们就会想到另外一个CSS样式clearboth，我相信对于这个属性的理解大家都不成问题的但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细。

因为你使用了floatleft，使用了左浮动或右浮动后，元素就好像游离在层之外了，解决的办法是在适当的地方加上清除浮动的语句比如你的代码中，在最后一个标记后面加上。

3创建标签，设置一二班的班级风格您需要设置宽度高度浮动边框和框大小属性4设置class属性后，保存html代码，然后用浏览器打开您可以看到两个div标记显示在同一列上dw里面的p怎么同一行设置两个解决一把两个里层p都设置为floatleft，然后第二个加上marginleft的属性，你想隔开。

但由于div_5创建了新的BFC，所以div_6和div_7就被排除在外层的BFC之外这就代表着一个元素不能同时存在于多个BFC中BFC的一个最重要的效果是，让处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响这是利用BFC清除浮动所利用的特性BFC的常用方式子级浮动导致父级高度塌陷。

把两个div放在一个父div里面，然后进行浮动即可下面我们一起来实现以下创建一个父div，然后创建两个子div，代码如下给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可，quotfloatleftquot我们来写一下代码下面我们来看一下运行效果 DIV是层叠样式。

样式中定义了clear也可以写成效果是一样的图片靠右浮动，文字另起一行展示主要css属性用于clearboth清除左右浮动，both换成left清除左浮动，right是清除右浮动不添加就会在底层展示看着是在同一行实则不然，他们在两个层里展示的2页面展示效果如下。

div如何自动调整位置根据内容自动调整div有三种方式，分别是首先，添加一个清晰的浮动来让父容器知道高度注意，容器中有一个空单元格清除了浮动Html代码如下所示明确两者都有显示block 第二，添加一个存在于代码中，但在视图中不可见的容器Html代码如下所示明确两者都有溢出隐藏quot。