浮动基础

HTML带码：

<div class="db">
		<div class="d1"></div>
		<div class="d2"></div>
		<div class="d3"></div>
		</div>

三个div不浮动时的效果

CSS：

*{
				margin: 0;
				padding: 0;
			}
			.db{
				width: 400px;
				height: 400px;
				border: 1px solid;
			}
			.d1,.d2,.d3{
				width: 100px;
				height: 100px;
				}
				.d1{
					background-color: red;
				}
				.d2{
					background-color: blue;
				}
				.d3{
					background-color: green;
				}

d1左浮动，d2右浮动，d3左浮动：

d1不浮动，d2右浮动，d3左浮动：

d1，d2不浮动，d3浮动：

由此可以看出浮动只在当前行浮动。