HTML5:左侧"display:table-cell"元素中的图像按下右侧元素中的内容

Jen*_*ens 6 css layout html5

鉴于这个小小提琴:http://jsfiddle.net/5Sw3h/8/

我左边有一个导航面板,中间是一个内容面板,右侧还有一个小空间.这些是使用"display:table,display:table-cell"语义放置的.

我目前正在经历将内容放在左侧面板中似乎将内容面板中的内容压缩一些,主要是为了那里的图像.然而,它似乎将内容一般地推迟了一点.

我已经尝试过在很多元素上将填充设置为0(正如我首先想到的那样),然后我尝试在内容框上进行垂直对齐,一些相对定位定义为"顶部".但没有什么真的有帮助......

我知道我一定忽略了一些显而易见的事情,就是找不到它.

任何人都可以帮我找到我失踪的东西吗?

thi*_*dot 15

在哪里display: table-cell,添加vertical-align: top.

vertical-alignis 的初始值,baseline导致错位.