CSS中float属性怎么用

html+css

代码编辑器：Dreamweaver CS5

新建一个html文件，命名为test.html，用于讲解CSS中float属性怎么用。

在test.html文件内，使用div标签创建一个模块，并设置其class为content，主要用于下面通过该class来设置css样式。

在test.html文件内，在div标签内，再使用div标签创建两个模块，分别为左模块和右模块，并分别设置它们的class属性为left、right。

在css标签内，设置类名为content的div样式，使用width属性设置div的宽度为400px，使用float属性设置div浮动向左（实现不设置高度，跟随内部div的高度变化而变化），使用border属性设置div的边框为1px灰色边框。

在css标签内，设置类名为left的div样式，使用width属性设置div的宽度为50%，使用height属性设置div的高度为150px，使用float属性设置div浮动向左，使用background属性设置div的背景颜色为红色。

在css标签内，设置类名为right的div样式，使用width属性设置div的宽度为50%，使用height属性设置div的高度为100px，使用float属性设置div浮动向右，使用background属性设置div的背景颜色为黄色。

在浏览器打开test.html文件，查看实现的效果。