![](https://img-blog.csdnimg.cn/img_convert/910825a4e2a8d4035ccbc5f1393f3292.png)
在需要改变的元素的CSS中加入float即可将其更改为浮动元素
例如
.one{
width: 100px;
height: 100px;
background-color: pink;
float:left;
}
这样所修改的标签会显示在页面的最左边
![](https://img-blog.csdnimg.cn/img_convert/ca5ec055b5b459adead2b6b34763b4c1.png)
![](https://img-blog.csdnimg.cn/img_convert/f890657427a740d03ccacb6fa0682737.png)
标签会无缝的连在一起
当只有One被设置为浮动形时one会在two上
![](https://img-blog.csdnimg.cn/img_convert/46765ce1315121f94b2d5e5852a8bf9a.png)
![](https://img-blog.csdnimg.cn/img_convert/5779fc2274c32d5ef1b45321e4524407.png)
且文字是左对齐,顶端对齐
在需要改变的元素的CSS中加入float即可将其更改为浮动元素
例如
.one{
width: 100px;
height: 100px;
background-color: pink;
float:left;
}
这样所修改的标签会显示在页面的最左边
标签会无缝的连在一起
当只有One被设置为浮动形时one会在two上
且文字是左对齐,顶端对齐