首先，大家通过HTML代码创建了两个div盒子，分别命名为box1和box2，并在样式表中添加了如下的CSS代码来定义这两个盒子的样式：
div{
width: 200px;
height: 200px;
border: 1px solid black;
margin: 10px;
padding: 10px;
}
.box1{
float: left;
background-color: red;
}
.box2{
background-color: blue;
}第一个div盒子（box1）使用了float属性，并设置了值为left，这意味着其会向左浮动。同时，它的背景色为红色。第二个div盒子（box2）没有使用float属性，并且背景色为蓝色。
接下来，大家在实验中进行了一系列操作。通过在浏览器中查看效果，大家得出了以下的实验结果：
- box1浮动在box2的左侧，并且它后面留下空白。
- box2没有向下移动，而是覆盖在box1的下面。
- 在box1和box2之后添加了新的div盒子后，它会被追加到box2的下方。
- 如果将box1放在box2的后面，那么它并不会向右浮动，而是像普通div一样排列。
通过这些实验结果，大家可以得出如下结论：
- CSS浮动可以让盒子向左或向右浮动，实现页面布局的多样性。
- 浮动的盒子会脱离文档流，可能会对后面的元素造成影响，需要合理处理。
- 在页面中使用浮动元素时，需要考虑到多个元素的交互影响，避免出现意想不到的问题。
综上所述，本次实验让大家更加深入地了解了CSS浮动的相关知识和应用，也锻炼了大家的实践能力和逻辑思维水平。