浮动元素和块级元素以及内联元素布局

Question

1 演示效果：http://runjs.cn/detail/ibjo3ywk

2 问题： strong {

        **display: inline-block;**
        font-weight: normal;
        overflow: hidden;
    }
    
    上面的strong标签使用了inline-block，如果将其改为block，将会出现不同的效果，
    
    麻烦指点着两种效果的原因。
    
    ![图片描述][1]

Answer 1

display:block
填充父元素整行（即使设置width小于父元素可填充宽度也会占据整行），高度可调正
display:inline
宽度高度都不可调整
display: inline-block;
不会占据父元素整行，宽高都可调整