老师想请问下浮动和行内块元素的区别是不能控制左右和浮动不是文档流吗

rt 谢谢

慕仙0240544 2022-06-09

源自：浮动与定位 2-5 项目作业

16

收起

1回答

好帮手慕慕子回答被采纳获得+3积分 2022-06-09 16:15:43

同学你好，浮动和行内块元素都可以通过margin调整元素左右之间的空白间距，区别如下：

1、浮动元素的display属性值默认为block，而行内块元素的display属性值为inline-block。

2、浮动元素脱离了文档流，而行内块元素没有。

3、子元素浮动在一排显示，会造成父元素高度塌陷，而子元素设置为行内块元素在一排显示时，并不会造成父元素高度塌陷。

祝学习愉快~

慕仙0240544 提问者 #1

老师我父元素也设置个宽高它不就塌陷不了了吗

2022-06-09 16:35:24
好帮手慕慕子回复提问者慕仙0240544 #2

父元素设置高度确实是可以解决塌陷问题，但这属于解决方案，浮动本身确是存在造成父元素塌陷的问题。祝学习愉快~

2022-06-09 16:38:34
慕仙0240544 提问者 #3

老师我还想请问下两个块级元素第一个浮动第二个会占她的位置但如果第一个是块第二个是span 为什么span会紧挨着而不是占他位置呀那个块级不是应该脱离了文档流了吗谢谢老师

2022-06-09 16:46:51

点开查看后面2条评论

相似问题

元素浮动后的属性问题

关于浮动的疑问

元素本来在容器内居左的，为什么加了右浮动，再清除右浮动，元素并没有回到原始位置？

老师使用float浮动后那么他的外间距是和哪个元素的？还是和浮动前一样吗？

老师浮动之后对前面元素无影响浮动至下一行左右边框顶端但为什么前面是行内元素会出现重叠呢

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

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载