CSS--浮动

【写在前面】在未指定时，默认所有标签都在普通的流（Dom流）中定位，而普通流中元素的位置由元素在HTML中的位置决定。

一、浮动框的概念

浮动的“框”，可以向左或者向右移动，直到它的边缘碰到包含框或另一个浮动框的边框为止。浮动框脱离DOM流，。

二、浮动的基本规则

1. 浮动元素的外边缘不会超过其父元素的内边缘（父子关系即嵌套关系）；
2. 浮动元素不会互相重叠；
3. 浮动元素不会上下浮动，只会左右移动；
4. 如果一个浮动元素在另一个浮动元素之后显示，而且超出容纳块时，则它下降到低于先前任何浮动元素的位置。简单点说就是没有空间的话，就另起一行。

三、浮动的语法格式

<style type="text/css">
	.class0 {
      
		float: right;
		border: 2px solid red;
		margin: 10px;
	}
style>

float是浮动的关键字，right代表向右浮动。

效果展示：