html浮动

html中的浮动可以让默认为在最左侧的盒子 进行位置的改变

在html中添加四个盒子

 

 效果如下

可以看到 四个盒子上下对齐都在页面的最左侧

加入浮动后可以使盒子都在第一排

 

 效果如下

 

 增加浮动后可以使原来默认在最左侧的盒子并列在一排

改变属性可以使盒子移到最右侧

 

给div4盒子改变了浮动属性

效果如下

 

 上面代码所实现的效果 正是浮动的意义

浮动可以去除空格