css - 为什么不应用我的 CSS 中的边距？

Question

我正在尝试创建一个日历，其中每一天都有一个框，以小边距分隔。问题:不应用边距。我在日期周围添加了红色边框，正如您在 the code 中看到的那样边界之间没有边距。我删除了所有无关的 CSS，甚至临时添加了一个 !important 属性(我讨厌，想想我有多绝望)，但无济于事。我绝对看不出我做错了什么，所以感谢您的帮助。

代码是 here .

编辑
我添加了 hrunting 的回答中提到的代码

#calendar table {
  border-collapse: separate;
  border-spacing: 2px 2px;
}

到my code , 但它似乎没有任何区别。 (我删除了红色边框。如果您有单独的日期框，您应该会看到它何时起作用。)

Answer 1

阅读this StackOverflow answer here .

基本上，内部表格元素没有应用边距(并且填充不是您想要的，因为该间距在边框内部，而不是外部)。您需要使用 border-spacing attribute along with the border-collapse attribute以获得您想要的外观。

此外，删除 cellspacing=0来自 <table> 的 HTML 属性定义。