问答详情
源自:5-3 浮动与display:block化

浮动之后,元素到底是display成什么啊?

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

提问者:HackerX 2016-07-05 17:55

个回答

  • 陈小窝
    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