html - 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;
}

希望这能解决您的问题。