浮动与display:block化，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重叠

浮动与display:block化

大家随意把玩哈。

任务

细心体会老师课程里的良苦用心。

?不会了怎么办

index.html

1
2
<!doctype html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

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

问答
评论
笔记
资料下载
代码

全部精华我要发布

result.parentNode.setAttribute("hidden", "");这句是什么作用？？？

已采纳回答 / weixin_慕设计4044133

隐藏result节点的父节点，父节点隐藏后自己也跟着一起隐藏

1 回答 1175 浏览

2020-01-14

document.body.className = "any";什么意思？

最新回答 / 蜜思_error

注释写的是可以消除ie7,ie8bug,兼容性，但具体是什么，希望大神解答

2 回答 1988 浏览

2018-11-08

求教，if条件句？

最新回答 / 自_由

意思是存在这几个元素就执行下面操作。

2 回答 1052 浏览

2016-10-22

浮动之后，元素到底是display成什么啊？

最赞回答 / 慕勒4647995

block你可以定义一个div,里面加img和p标签验证，当二者都设置float时，会变为block,你可以用firebug查看，移动到标签位置，就会看到显示的区域展现。元素设置float跟包裹其父元素的width也有很大关联。。。。可以看成内部的元素根据自身width，在占位。。。

4 回答 4370 浏览

2022-09-08

老师你的代码很多东西我们看不懂，我觉得是多加了吧？

最赞回答 / 花非花雾非雾

display:inline-block;

4 回答 1351 浏览

2022-07-23

document.body.className="any";有什么作用？

+ 我来回答回答最高可+2积分

2 回答 2847 浏览

2022-08-11

IE11的问题

+ 我来回答回答最高可+2积分

2 回答 1261 浏览

2022-08-08

float问题

+ 我来回答回答最高可+2积分

2 回答 1337 浏览

2022-08-09

老师，你的代码都写得好高端，适当加点注释就完美了

+ 我来回答回答最高可+2积分

2 回答 1349 浏览

2022-07-04

btnShow.style["cssFloat" in this.style? "cssFloat": "styleFloat"] = "left";这里面啥意思呢，谁给我解释下

最赞回答 / hey自然

当前样式是否支持 cssFloat属性？支持的话就执行 cssFloat:left ，不支持的话就设置 styleFloat.IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat

2 回答 1961 浏览

2020-12-10

document.body.className = "any";
这句什么玩意儿...?

最新回答 / qq_轻抚邂逅_0

这里是消除BUG用的，你可以试试，现在应该是没有意义！

1 回答 877 浏览

2017-01-18

js写的好灵活

+ 我来回答回答最高可+2积分

2 回答 981 浏览

2022-08-09

全部我要发布

最热最新

只看我的

Float的滥用立即下载

5-3 浮动与display:block化

浮动与display:block化

任务

提问题

其他问答

写笔记

您还未绑定服务号

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

result.parentNode.setAttribute("hidden", "");这句是什么作用？？？

document.body.className = "any";什么意思？

求教，if条件句？

浮动之后，元素到底是display成什么啊？

老师你的代码很多东西我们看不懂，我觉得是多加了吧？

document.body.className="any";有什么作用？

IE11的问题

float问题

老师，你的代码都写得好高端，适当加点注释就完美了

btnShow.style["cssFloat" in this.style? "cssFloat": "styleFloat"] = "left";这里面啥意思呢，谁给我解释下

document.body.className = "any";
这句什么玩意儿...?

js写的好灵活

推荐课程

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

手记推荐

5-3 浮动与display:block化

热搜

最近搜索清空

浮动与display:block化

任务

提问题

其他问答

写笔记

您还未绑定服务号

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

推荐课程

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

相关课程

手记推荐

账号登录 验证码登录

账号登录验证码登录