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