更多 Webkit 失败

Question

这是对我的previous question 的跟进。

我的代码还在：http://jsfiddle.net/firelizzard/ASdMq/

在 Chrome 测试版 (WebKit) 中：

在 Firefox (Gecko) 中：

Gecko 正在按照我想要的方式呈现这段代码。再说一遍，webkit 怎么了？

编辑：我忘了提，我对 webkit 的不满是深灰色区域没有居中。

Answer 1

很抱歉，您的 JSFiddle 中的 HTML 远非最佳。你真的不应该使用表格进行布局。它们不仅需要一堆不必要的标记，还会混淆屏幕阅读器和搜索引擎，并且比“普通”元素更难设置样式。

这是您想要实现的设计的现代版：http://jsfiddle.net/UzPjW/

我在 CSS 中留下了 cmets，应该可以解释发生了什么。