鉴于这个小小提琴:http://jsfiddle.net/5Sw3h/8/
我左边有一个导航面板,中间有一个内容面板,右边的面板也有一点空间。这些是使用“display:table,display:table-cell”语义放置的。
我目前正在经历将内容放在左侧面板中,它似乎将内容面板中的内容压缩了一些,主要是针对那里的图像。然而,似乎将内容放得有点普遍。
我已经尝试过在很多元素上将填充设置为0(正如我首先想到的那样),然后我尝试在内容框上进行垂直对齐,一些相对定位定义为“顶部”。但没有什么真正帮助......
我知道我一定忽略了一些显而易见的事情,就是找不到它。
任何人都可以帮我找到我所缺少的东西吗?
答案 0 :(得分:15)
如果您有display: table-cell
,请添加vertical-align: top
。
vertical-align
的初始值为baseline
,导致错位。
答案 1 :(得分:0)