什么是浮动?
元素的浮动是指设置了浮动属性(flot)的元素。
CSS浮动有什么作用?
1.让多个盒子水平排列成一行,浮动成为布局的重要手段;
2.可以实现盒子的左右对齐等等;
3.浮动最早是用来控制图片,实现文字环绕图片的效果。
CSS浮动的语法:
选择器 { float: 属性值; }
float: left; 左浮动
float: right; 有浮动
浮动元素的特点:
1.漂浮在标准流的上面。 脱离标准流。俗称 “脱标” 。
2.浮动的盒子不占位置,原位置会被下面标准流盒子占用,如果不想被标准流盒子占用需要清楚浮动。
3.任何元素都可以浮动。float属性会改变元素display属性。浮动元素会生成一个块级框,而不论它本身是何种元素。 生成的块级框和行内块极其相似。
4.子盒子的浮动参照父盒子对齐,不会与父盒子的边框重叠,也不会超过父盒子的内边距。