Question

出于某种原因，每当我用一些CSS更改默认高度时，其中一个内部边框就会消失在我的桌面上。

HTML：

<table class="event">
  <tr>
    <td>Start Date</td>
    <td>2009-6-2</td>
  </tr>
  <tr>
    <td>End Date</td>
    <td>2009-6-8</td>
  </tr>
  <tr>
    <td>Location</td>
    <td>Vail</td>
  </tr>
</table>

CSS：

table.event
{
  border-collapse: collapse;
  border: 1px solid #000;
  width: 33%;
  height: 300px;
}

table.event td
{
  border: 1px solid #000;
  padding: 2px;
}

这是目前的样子

http://img410.imageshack.us/img410/394/whatv.png http://img410.imageshack.us/img410/394/whatv.png

有人对如何解决这个问题有任何想法吗？

Answer 1

如果您将代码直接放在空白的html页面中，它是否有效？我想知道是否有其他原因导致它，在不同的CSS（只是猜测）perhapes。

我在FF，Safari，Opera，Chrome，IE6-7和8中将其打开，无法复制。

即使有/没有边界崩溃，我也会得到相同的结果。

Answer 2

刚刚解决了问题。 Jeez，我觉得自己像个白痴。发生这种情况的原因是因为我在Firefox中“缩小”了一点。缩放摆脱了一个内部边界。

感谢大家的帮助，这是Jason Heine的想法，最终导致我把它弄清楚。

Answer 3

在firefox和ie7中，该代码适用于我。你是用javascript或其他东西改变高度，还是仅仅在编辑器中？但是，您可以尝试摆脱边界崩溃。

边境从桌子走了？

3 个答案: