2019-10-25 div+css浮动案例

image.png

效果如上。要注意其实需要浮动的只有绿色蓝色以及黄色的部分，其他三个div标签是不需要浮动的。
解决浮动问题有两种方法
1：在四号框浮动之后，使用clear属性来清除浮动。

.class2{
                clear: both;
            }

2 将2、3、4当成一个整体。每次进行浮动操作之后需要将浮动过的div使用更高级别的div框起来

     
1
 
    

    
                
2
                
3
                
4
            
        
        
5
        
6
    

结果同上