显示：内联| inline-block和float：left |使用它时有什么特别的意义吗？

Question

我看到很多网站都使用了这个属性，但是接下来浮动，元素是display：block，并给它重置显示：内联看起来像啊，元素或元素支持所有功能块做了没有生效。

例如：宽度，高度，填充| margin-top |底部等等....

不支持内联元素属性，例如：vertical-align：middle;

http://jsfiddle.net/gw7ctyth/

 .test {
        float: left;
        display: inline;
        width: 100px;
    }

例如stackoverflow＆＃c; css： http://cdn.sstatic.net/stackoverflow/all.css?v=ab969cd6082f

#hlogo {
    float: left;
    display: inline-block
}

例如zhihu＆＃39; css： http://static.zhihu.com/static/ver/012ee17a8ea33a674d13f13fa97cffb4.z.css

.zg-g1,.zg-g2,.zg-g3,.zg-g4,.zg-g5,.zg-g6,.zg-g7,.zg-g8,.zg-g9,.zg-g10,.zg-g11,.zg-g12,.zg-g13,.zg-g14,.zg-g15,.zg-g16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

Answer 1

浮动总是阻止框的断言是正确的。只要它是浮动的，将元素更改为内联或内联块将不起作用。

至于为什么有些网站同时使用这两个属性...除了（最有可能）对浮动的基本误解之外，我能想到的唯一其他情况是display: inline实际上是{{1}}的解决方法{3}}，但这种解决方法十年前是相关的，今天不再具有相关性，除了旧网站。