float和inline-block的区别

要在一行中显示多个div，首先想到的就是float和inline-block了。但是这两者到底有什么区别呢？今天就有了一些体会。 这个div框竟然输入内容后向下沉了一段距离，我当时就惊呆了！用chrome仔细检查了一下，在MDN上查了查，有了重要发现： inline-block元素沿着默认的基线对齐！ 也就是说，可以使用vertical-align控制对齐方式，这个还真好用。 我在codepen上

>>阅读原文<<