老师有些疑问.

老师这个案例DIV1 已经加了float了那不就相当于image也加了float吗？为什么两者的效果会不一样?
既然说P段落和图片都是浮动流那为什么当image没加浮动流的时候文字会在图片的下方显示不是应该从左到右吗?
3.为什么我测试的代码就算image加了float也是从上到下显示?

慕神9477737 2019-06-23

源自：CSS浮动 4-11 浮动的其他特性

2

收起

2回答

好帮手慕阿满回答被采纳获得+3积分 2019-06-23 18:41:13

同学你好，关于同学的问题，

1、同学说的效果不同，是指哪里不同呢？建议同学详细描述一下。在演示的过程中，p标签和div标签是平级的关系，如：

2、建议同学将p标签移到div标签外再试试。

3、建议同学将代码贴上来，方便我们具体查看。

祝：学习愉快~

慕神9477737 提问者 #1

我疑惑的内容在本案例7分三十秒开始老师你看我贴上来的图1 这个时候p标签在div1里面这个时候div1已经设置了浮动然后打开网页发现文字是在图片的下方显示但是当把image也设置成浮动的时候文字就在图片右边开始显示了我的理解是明明p标签在div1里面那么div1设置了浮动不就相当于image也设置了浮动？为什么image重复设置了浮动之后两者的效果会不一样？我的代码的问题是你看我最后两张图为什么我的图片和文字会一个在上一个在下而不是图片在左文字在右？

2019-06-23 19:31:47

好帮手慕阿满 2019-06-24 11:35:33

同学你好，关于同学的回复有如下的回答：

1、给div1设置浮动，不表示img也设置了浮动。div1设置了浮动，和div1平级的元素会受到影响，但是img是div1中的内容，所以没有受到影响。

2、img设置了浮动后，和img平级的p标签受到影响，向上顶上来，但是内容会显示，所以效果是文字在图片的右边，如：

3、给img设置浮动后，文字在图片的右边，如上图。同学的代码修改后是否有保存，保存后是否刷新，建议同学查看，如果还是上下排列，建议同学将代码贴一下，贴代码时记得贴在回答中。

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

相似问题

老师好，有一些疑问

老师，给你个小小的建议

老师我有一些疑问

学的有点懵，有些理解还有些问题想问老师

老师作业还有一个疑问

登录后可查看更多问答，登录/注册

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载