css的inline-block佈局方式對齊問題

今天在實現百度前端技術學院的如下案例時遇到了div上下對齊問題。 針對如下左右兩欄佈局，本來使用將兩欄各自div的display設置爲inline-block方式來實現，爲了左邊高度與右邊對齊，直接量出右邊div按照像素高度賦給左邊。 但是左邊元素竟然出現在了下邊，沒有與右邊上下對齊。 後來經過百度與實驗發現，將設置爲inline-block時候，div並不能根據div邊緣來對齊，而是根據裏面的文

>>阅读原文<<