css table-cell，內容有不必要的上邊距

Question

我在我的代碼中使用div塊的表格單元排列。我的代碼存在問題。

的我的HTML的外觀預覽是here

當我在我的第一個面板中的任何內容（文本或圖像），那麼.inner DIV第二和第三面板有一定的10-15像素的上邊距。這是爲什麼 ？

任何人都可以看看，讓我知道我缺少什麼。

Answer 1

在#wrapper > div

查看演示添加vertical-align:top;：http://jsbin.com/avozik/14/edit

Answer 2

我也有類似的情況，並vertical-align:top;解決了這個問題。不過，我想闡述這背後的原因是：

https://jsfiddle.net/46tyc48y/1/

由於表格單元格默認使用vertical-align:baseline;，右邊的單元格文本將調整到圖像的基線（底部），創建於頂部的幻象空間。所以我們需要明確地設置vertical-align來繞過這種行爲。