                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之float浮动

浮动之后，元素到底是display成什么啊？

我又听其他老师说浮动之后，元素会隐式转换为inline-block？可是这个案例老师写的js返回的是block。懵了！按道理浮动之后，元素都能并排在一行，更像是inline-block的行为啊？怎么会是block了呢？block不是独占一行吗？

HackerX

2016-07-05

源自：CSS深入理解之float浮动 5-3

关注问题我要回答

4312

操作

收起

4 回答

陈小窝
2016-07-14

老师是没有浮动的时候，状态时inline-block,当设置浮动后，是block

0 回复有任何疑惑可以回复我~

收起回答

慕勒4647995
2016-07-05

block

你可以定义一个div,里面加img和p标签验证，当二者都设置float时，会变为block,你可以用firebug查看，移动到标签位置，就会看到显示的区域展现。元素设置float跟包裹其父元素的width也有很大关联。。。。可以看成内部的元素根据自身width，在占位。。。

1 回复有任何疑惑可以回复我~

收起回答

慕勒4647995
2016-07-05

inline-block是行块，可以拥有多个元素，而block是单独的块级，就像p h1之类的块级标签

如果设置p h1的display属性为inline-block，那么一行中也可以拥有多个p h1

0 回复有任何疑惑可以回复我~

收起回答

HackerX 提问者

你说的我都知道，你的回答也没有解决我的困惑，但也多谢你的热情回答。我想知道的是，元素float之后，它的display属性变成了什么

2016-07-05 回复有任何疑惑可以回复我~

0/150

提交

取消

CSS深入理解之float浮动

参与学习 75969 人
解答问题 461 个

课程将会从感性的认识的角度讲解CSS float属性，浮动的前世今生

进入课程

本课相似问答

2 回答浮动元素后的块级非浮动元素内容对margin重叠的影响

2 回答.clearfix应用在包含浮动子元素的父级元素上，这好像不对啊

2 回答图片添加浮动直接变为块元素？

2 回答这里说input设置浮动后display值会变为block，为什么我自己尝试了之后并没有改变呢？

1 回答float 导致浮动元素脱离了原来文档流，好像漂浮在上面一样，你浮动的只是button， &nbsp 空格实体字符并没有float，所以看不到空格了！

搜索更多本课相关问答

浮动之后，元素到底是display成什么啊？

我要回答关注问题

热搜

最近搜索清空

浮动之后，元素到底是display成什么啊？

4 回答

本课相似问答

浮动之后，元素到底是display成什么啊？