web前端入门到实战:css基础-float浮动

float实现文字环绕图片效果:




    
    float
    


    
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧 (从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)

web前端入门到实战:css基础-float浮动_第1张图片


清除浮动的方法一:

在浮动元素后面使用一个空元素




    
    float
    


    

清除浮动的方法二:

给容器添加overflow:hidden;




    
    float
    


    
专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧 (从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)

清除浮动的方法三:

css3的:after伪元素




    
    float
    


    

你可能感兴趣的:(web前端入门到实战:css基础-float浮动)