关于浮动问题
来源：4-11 浮动的其他特性
_Crush_
2020-03-10 15:42:34
视频中有“对div1设置了浮动是指对div1平级的其他元素受到浮动的影响”这句话，请问对div设置了浮动，那div内的图片会浮动吗？因此，div1和p都浮动吗？
请问能详细说说是怎么使哪一项浮动，从而达到文字环绕图片的效果？（p浮动后文字为何能环绕图片）
1）<div id="div1">
<img src="image/wudaojiaoshi.jpg"/>
</div>
<p>........</p>
2）#div{
background-color: red;
float: left;
}
img{
vertical-align: bottom;
}
写回答
1回答
-
同学你好！
div1设置了浮动，只有div1和图片是浮动。p不是浮动，只是div1浮动之后会影响p的布局
浮动之前
浮动之后
浮动的元素会脱离文档流，会覆盖同属于文档流的p元素
但是p标签中的文字属于文本流，所以浮动的元素不会覆盖文字，就形成了图文环绕的现象。
祝学习愉快~
1
相似问题