css中div怎么飞翔

标题怎么让div学会飞翔呢

这里我们会提到float属性，这是一个让div浮动，脱离文档流。div就可以自由自在的游泳呢？
div没有学会游泳时，会独占一行。会像洗盘子一样叠起来。

标题div学会飞翔后

给div设置float属性后，div会浮动，不在独占一行。

.son{
width: 150px;
height: 150px;
float: left;/当给三个son都设置左浮动的时候，三个div向左排成一排/
}
.son1{
background:red;
}
.son2{
background: green;

        }
        .son3{
            background: blue;
        }

同理我们也可以让div靠右边游泳 让float：right 这会成为这个样子  由于div学会飞翔，就不会占有原来的位置，就会产生这样有趣的事。 原来位置div底下的div会抢占他的位置。