浮动基础

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浮动：

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