首页技术文章正文

什么是CSS浮动?有什么作用？

更新时间:2021年08月13日17时45分来源:传智教育浏览次数:

好口碑IT培训

什么是浮动?

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

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

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

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

选择器 { float: 属性值; }

float: left; 左浮动

float: right; 有浮动

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

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

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

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

猜你喜欢：

CSS选择器用法大全

上一篇：animate()方法创建自定义动画 下一篇：JavaScript面向对象删除标签页具体演示