浮动的原本作用-文字环绕，CSS深入理解之float浮动教程-慕课网

第1章 Float的历史-知其历史而更知当下
视频：1-1 float的历史(02:40)
编程：1-2 浮动的原本作用-文字环绕

第2章 Float的特性-包裹与破坏
视频：2-1 float特性-包裹与破坏(03:41)

第3章被误解的Float-是魔鬼还是情非得已
视频：3-1 被误解的float浮动(04:17)

第4章清除浮动-究竟是清除浮动还是清除浮动带来的影响？
视频：4-1 清除浮动(05:10)
编程：4-2 clear与margin重叠

浮动的原本作用-文字环绕

了解浮动的原本作用

任务

给图片添加浮动属性

?不会了怎么办: <img src = "http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg" class = "float-left" />

index.html

1
<!DOCTYPE html 
    PUBLIC "
    -//W3C//DTD 
    XHTML 1.0 
    Transitiona
    l//EN" 
    "http://www
    .w3.org/TR
    /xhtml1/DTD
    /xhtml1
    -transition
    al.dtd">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

1-2 浮动的原本作用-文字环绕

浮动的原本作用-文字环绕

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

1-2 浮动的原本作用-文字环绕

热搜

最近搜索清空

浮动的原本作用-文字环绕

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

账号登录验证码登录