CSS浮动元素有什么特点？

什么是浮动?

元素的浮动是指设置了浮动属性(flot)的元素。

CSS浮动有什么作用?

1.让多个盒子水平排列成一行，浮动成为布局的重要手段;

2.可以实现盒子的左右对齐等等;

3.浮动最早是用来控制图片，实现文字环绕图片的效果。

CSS浮动的语法

选择器 { float: 属性值; }

float: left; 左浮动

float: right; 有浮动

浮动元素的特点：

1.漂浮在标准流的上面。 脱离标准流。俗称 “脱标” 。

2.浮动的盒子不占位置，原位置会被下面标准流盒子占用，如果不想被标准流盒子占用需要清楚浮动。

3.任何元素都可以浮动。float属性会改变元素display属性。浮动元素会生成一个块级框，而不论它本身是何种元素。 生成的块级框和行内块极其相似。

4.子盒子的浮动参照父盒子对齐，不会与父盒子的边框重叠，也不会超过父盒子的内边距。

猜你喜欢：

CSS动画和JS动画有什么区别？

CSS是什么意思？CSS的全称是什么？

什么是CSS选择器？如何使用？

Css中如何清理浮动？

常用css样式大全[2020最新整理版]

黑马程序员web前端开发培训课程