CSS边框不完全工作

Question

我有一个带有框（以表格形式使用）的网站，它使 CSS 具有边框。 在 Chrome 中，输出是我想要的。 但是在 IE 中，它完全被毁了（在 tinypic 上链接的图像）。 在 Firefox 上，我遇到了同样的问题。 这是我的 CSS：

table#homeblockscontainer td
{
    border: 6px solid #EEEEEE;
    margin: 0;
    padding: 0;
}

所以我有一个带有这个 ID 的表格，以及表格行和表格数据。

我想要的结果是这样的：Result on Chrome

我在 Firefox 中得到的信息：Result on Firefox

如果有人知道为什么会这样，请帮忙。 提前致谢！

Answer 1

你使用normalize.css吗？如果你不这样做，这个 CSS 样式可能会对你有所帮助

table {
    border-collapse: collapse;
    border-spacing: 0;
}

由于您正在开发类似网格的布局，我不知道您现在是否已经拥有它，但添加box-sizing 会让您的生活更轻松。

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

希望这能解决您的问题。