2

出于某种原因，每当我使用一些 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

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

4

3 回答 3

6

如果你把你的代码直接放在一个空白的 html 页面中，它可以工作吗？我想知道是否有外部原因导致它，也许在不同的 CSS 中（只是猜测）。

我在 FF、Safari、Opera、Chrome、IE6-7 和 8 中打开了它，但无法复制它。

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

于 2009-06-05T18:04:50.457 回答
1

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

感谢大家的帮助，是 Jason Heine 的想法最终让我弄清楚了。

于 2009-06-05T18:30:15.487 回答
0

该代码在 Firefox 和 ie7 中对我来说很好用。你是用javascript或其他东西改变高度，还是只是在编辑器中？但是，您可以尝试摆脱边界崩溃。

于 2009-06-05T18:02:05.813 回答