前端学习之旅(二)【float】

学习任务

float浮动产生的效果

代码




    
    浮动小练习
    


    
    
    
    
    

学习方式

分别查看每一个outer类的div产生的效果,将其他div注释。

代码效果

第一个div

前端学习之旅(二)【float】_第1张图片

第二个div

前端学习之旅(二)【float】_第2张图片

第三个div

前端学习之旅(二)【float】_第3张图片

第四个div

前端学习之旅(二)【float】_第4张图片

第五个div

前端学习之旅(二)【float】_第5张图片

总结

float的效果多变,需要不断学习,慢慢了解,慢慢分析。

你可能感兴趣的:(B大学前端,前端,学习)