导读：操作步骤/方法1新建一个html文件，命名为test.html，用于讲解CSS中float属性怎么用。2在test.html文件内，使用v标签创建一个模块，并设置其class为content，主要用于下面通过该class来设置css样式。3在test.html文件内，在v标签内，再使用div标签创建两个模块，分别为左模块和右模块，并分别设置它们的class属性为leftright。4在css标签内...
操作步骤/方法
1
新建一个html文件，命名为test.html，用于讲解CSS中float属性怎么用。
2
在test.html文件内，使用v标签创建一个模块，并设置其class为content，主要用于下面通过该class来设置css样式。
3
在test.html文件内，在v标签内，再使用div标签创建两个模块，分别为左模块和右模块，并分别设置它们的class属性为leftright。
4
在css标签内，设置类名为content的v样式，使用width属性设置div的宽度为400px，使用float属性设置div浮动向左（实现不设置高度，跟随内部div的高度变化而变化），使用border属性设置div的边框为1px灰色边框。
5
在css标签内，设置类名为left的v样式，使用width属性设置div的宽度为50%，使用height属性设置div的高度为150px，使用float属性设置div浮动向左，使用background属性设置div的背景颜色为红色。
6
在css标签内，设置类名为right的v样式，使用width属性设置div的宽度为50%，使用height属性设置div的高度为100px，使用float属性设置div浮动向右，使用background属性设置div的背景颜色为黄色。
7
在浏览器打开test.html文件，查看实现的效果。
END
以上就是小编为大家介绍的CSS中float属性怎么用的全部内容，如果大家还对相关的内容感兴趣，请持续关注上海建站网！
标签：
内容声明：网站所展示的内容均由第三方用户投稿提供，内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容，如您发现页面有任何违法或侵权信息，欢迎向网站举报并提供有效线索，我们将认真核查、及时处理。感谢您的参与和支持！
