Html display:inline | inline block和float:left | right在使用时有什么特殊意义？

我看到很多网站都是这样使用这个属性的，但是然后float，元素是display:block，给它重置display:inline看起来像啊，元素或者支持所有功能的元素block都不起作用

例如：宽度、高度、填充|边距顶部|底部等

不支持内联元素属性，例如：垂直对齐：中间

例如stackoverflow的css：

比如智虎的css：

---

您关于浮动始终是块框的断言是正确的。只要元素处于浮动状态，将其更改为内联或内联块将不会产生任何效果

至于为什么有些网站同时使用这两种属性。。。除了（很可能）对浮动的基本误解之外，我能想到的唯一其他场景是

display:inline

实际上是a的一个解决方案，但是这个解决方案在十年前就已经相关了，现在应该不再相关了，除了遗留站点

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

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

.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
}