关于float包裹特性

首页课程实战体系课手记专栏慕课教程

关于float包裹特性

来源：4-9 包裹特性

浅梦sky

2020-11-27 12:51:50

视频中的案例：一个id为div1的容器内有<img/>和段落<p></p>

有两个问题不是很理解：

(1) 当一个元素设置为float时，该元素就脱离的标准文档流，那么后面元素就是代替原来那个元素的位置，那为什么这个图片设置为float: left的时候这个p标签的文档显示是在图片的右边而不是在图片的后面呢？

2、视频中老师有讲到所有块级元素都有float属性，但是这个img标签是属于行级标签，为什么也可以设置float属性呢

在这里输入代码，可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕阿园

2020-11-27

同学你好

1、浮动会脱离文档流，但不会脱离文本流，p便签中的文字属于文本流；这也是下一小节讲的知识点，同学可以先往后学

2，<img>标签虽然属于行级便签，但他也同时具有行内元素，行内块，和块级元素的特性，<img>标签是一个比较特殊的元素，可以理解其为行内替换元素

祝学习愉快

0 学习 · 16556 问题

相似问题

回答 1

回答 1

回答 1

回答 3

回答 1