CSS浮动元素特点有什么

Posted 2021-09-06 程序员的小傲娇

什么是浮动?

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

CSS浮动有什么作用?

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

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

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

CSS浮动的语法：

选择器 { float: 属性值; }

float: left; 左浮动

float: right; 有浮动

浮动元素的特点：

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

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

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

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

CSS浮动元素特点有什么?以上就是为大家介绍的详细内容，希望上面的介绍能够给大家带来帮助，想要获取更多web前端资料，欢迎关注小千，后期分享更多前端知识。

本文来自千锋教育，转载请注明出处。