2回答

好帮手慕小班

2020-03-09

已采纳

同学你好，非常抱歉老师没有理解正确同学的意思，这里可以参考如下内容理解：

    1、float: left;元素向左浮动。

    2、对div1设置了浮动是指对div1平级的其他元素受到浮动的影响，在课程2分30秒左右的时候有具体的讲解。

对应当img与p平级的时候，就需要设置img的浮动，才能使得对应的平级元素p受到浮动影响，出现图文混排的内容。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

0

好帮手慕小班

2020-03-09

同学你好，浮动元素会脱离正常的文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示，但是文字是文本流的内容。

        文档流是指html文档加载解析时从上到下，从左向右，但相对于盒子模型来说，float浮动后脱离文档流，但是没有脱离文本流。

        文本流是指html文本的显示，是相对于文字段落来说的。

如上所述，当元素浮动后，脱离标准文档流，并不会影响文字内容的展示，文字会根据加载顺序，依次开始继续加载，实现图文混排。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

0

hCrush_

h 1）<div id="div1"> <img src="image/wudaojiaoshi.jpg"/> <p>........</p> </div> 2）#div{ background-color: red; float: left; } img{ vertical-align:bottom; float: left; } p{ text-align: justify; 两端对齐 line-height: 1.2em; } 我想问的是id选择器div里已经有float: left; 且它是img的父级元素，为什么img的标签选择器里还要加float: left;才能显示出来视频中的混排效果，这个float: left;的作用是什么呢？

h020-03-09

共1条回复