浮动之后，元素到底是display成什么啊？
来源：5-3 浮动与display:block化
HackerX
2016-07-05 17:55
我又听其他老师说浮动之后，元素会隐式转换为inline-block？可是这个案例老师写的js返回的是block。懵了！按道理浮动之后，元素都能并排在一行，更像是inline-block的行为啊？怎么会是block了呢？block不是独占一行吗？
写回答
关注
3回答
-
- 陈小窝
- 2016-07-14 11:03:04
老师是没有浮动的时候，状态时inline-block,当设置浮动后，是block
-
- 慕勒4647995
- 2016-07-05 22:57:30
block
你可以定义一个div,里面加img和p标签验证，当二者都设置float时，会变为block,你可以用firebug查看，移动到标签位置，就会看到显示的区域展现。元素设置float跟包裹其父元素的width也有很大关联。。。。可以看成内部的元素根据自身width，在占位。。。
-
- 慕勒4647995
- 2016-07-05 21:55:09
inline-block是行块，可以拥有多个元素，而block是单独的块级，就像p h1之类的块级标签
如果设置p h1的display属性为inline-block，那么一行中也可以拥有多个p h1
CSS深入理解之float浮动
课程将会从感性的认识的角度讲解CSS float属性，浮动的前世今生
75969 学习 · 461 问题
相似问题