元素的浮动属性float
（1）定义浮动的基本语法格式
选择器{float:属性值;}
（2）float常用的属性值
left：标签向左浮动
right：标签向右浮动
none：元素不浮动（默认值）
知识点2-清除浮动
教师展示PPT，讲解清除浮动。
（1）清除浮动的基本语法格式
选择器{clear:属性值;}
（2）clear常用的属性值
left：不允许左侧有浮动标签（清除左侧浮动的影响）。
right：不允许右侧有浮动标签（清除右侧浮动的影响）。
both：同时清除左右两侧浮动的影响。
（3）使用空标签清除浮动
在浮动元素之后添加空标签，并对该空标签应用“clear:both;”样式，可清除元素浮动所产生的影响
（4）使用overflow属性清除浮动
浮动元素的父元素添加overflow:hidden;也可以清除浮动。
元素的浮动属性float
2024-08-25
40
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【8月更文挑战第25天】元素的浮动属性float。
目录
相关文章
|
5月前
|
前端开发
容器
CSS基础-浮动：float与清除浮动
【6月更文挑战第9天】本文介绍了CSS中的`float`属性，用于创建多列布局和图文混排，但会导致浮动塌陷和元素重叠问题。为解决这些问题，文章探讨了`clear`属性的四种清除浮动方法，包括`clear`属性、空元素、伪元素和`overflow`方法。随着Flexbox和Grid布局的兴起，它们在某些场景下替代了浮动，但理解浮动原理仍是布局基础。掌握浮动和清除浮动技巧对构建稳定布局至关重要。
65
5
6
|
2月前
|
前端开发
|
2月前
|
6月前
|
前端开发
|
6月前
|
前端开发
|
前端开发
|
前端开发
|
前端开发
容器
|
JavaScript
热门文章
最新文章
1
float position的測试案例
2
<转>零值比较--BOOL，int，float，指针变量与零值比较的if语句
3
CSS Float 以及相关布局模式
4
float left做菜单横排
5
（转）CSS+DIV float 定位
6
子Div使用Float后撑开父Div的几种方法
7
解决子级用css float浮动 而父级div没高度不能自适应高度
8
子div设置float后会导致父div无法自动撑开
9
怎么在那么多的float清理方法中选择合适的
10
float定位
1
数据类型转换：int()、str()、float()
111
2
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
140
3
语音输入，python数据类型，type()用来查看数据类型，数据类型转换,int(x)转整数，float(x)转换为浮点数,str(x)，将对象转为字符串，标识符，标识符不允许使用关键字，关键字参考
46
4
css display position float 之间的关系
25
5
CSS基础-浮动：float与清除浮动
65
6
计算 int, float, double 和 char 字节大小
79
7
【掰开揉碎】Flex 布局与 Float
145
8
Python浮点型(float)
95
9
QT里面字符串转ieee754标准的float浮点数
139
10
C# 字节数组与INT16,float,double之间相互转换，字符数组与字符串相互转换，
181