float和inline-block的區別

要在一行中顯示多個div，首先想到的就是float和inline-block了。但是這兩者到底有什麼區別呢？今天就有了一些體會。 這個div框竟然輸入內容後向下沉了一段距離，我當時就驚呆了！用chrome仔細檢查了一下，在MDN上查了查，有了重要發現： inline-block元素沿着默認的基線對齊！ 也就是說，可以使用vertical-align控制對齊方式，這個還真好用。 我在codepen上

>>阅读原文<<