Html Firefox中带有边框折叠的表呈现问题：折叠
以下HTML在最新Firefox中呈现不正确。IE和Chrome还可以，但Firefox在表格单元格内显示白色垂直线 使用Firefox 21呈现的示例可在以下位置找到： 这是Firefox中的错误还是我遗漏了什么 HTML: 移除Html Firefox中带有边框折叠的表呈现问题：折叠,html,firefox,html-table,Html,Firefox,Html Table,以下HTML在最新Firefox中呈现不正确。IE和Chrome还可以，但Firefox在表格单元格内显示白色垂直线 使用Firefox 21呈现的示例可在以下位置找到： 这是Firefox中的错误还是我遗漏了什么 HTML: 移除边框折叠：折叠删除垂直白线。但我真的很想折叠桌子的边框 JSfiddle： 更新：只有在100%浏览器缩放级别（Ctrl+0）时才会出现此问题。如果在页面顶部设置HTML5 DOCTYPE，则代码的工作方式如下： <!DOCTYPE html> &l
边框折叠：折叠删除垂直白线。但我真的很想折叠桌子的边框
JSfiddle：
更新：只有在100%浏览器缩放级别（Ctrl+0）时才会出现此问题。如果在页面顶部设置HTML5 DOCTYPE，则代码的工作方式如下：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
table{
border: 2px solid red;
border-collapse: collapse;
}
td{
border: 2px solid red;
padding: 0px;
}
div{
background:blue;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<div></div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
试验
桌子{
边框：2倍纯红；
边界塌陷：塌陷；
}
运输署{
边框：2倍纯红；
填充：0px；
}
div{
背景：蓝色；
高度：100px；
宽度：100px；
}
谢谢您的建议。我遇到这个问题的页面已经有HTML5 doctype了。上面的JSFIDLE还设置了HTML5doctype。这个问题似乎很不稳定。它实际上取决于浏览器的缩放级别。它只在100%范围内可见，如果您将其更改为任何方向，它就会消失。这很奇怪，如果您将我编写的代码放入html文件并加载到firefox 21中，它看起来对我来说是正确的，但由于某些原因，它无法正常工作，即使它有html5 doctype。另外，如果我删除了html5 doctype，它会以不正确的方式显示在小提琴上。如果你调整小提琴上iframe的宽度，边框就会消失，并正确呈现。我想知道javascript在调整小提琴中iframe的大小时是否存在导致问题的问题。很好！这个问题似乎对要素的位置很敏感。当JSFIDLE保存窗格布局时，一旦调整默认布局，问题就会消失。只有清除JSFIDLE设置才能将其还原。通过调整窗格大小，我甚至可以用90%的缩放率隐藏左侧单元格边框。我似乎无法在Chrome或Firefox（21.0）上复制此问题。可能值得指定。上面的JSFIDLE为我提供了一个错误：Firefox 20.0.1 Win32和Firefox 21.0 Win32，具有100%的浏览器缩放级别。浏览器窗口大小、屏幕上的div位置和浏览器缩放-所有这些都很重要。我已经为此报告了FF错误（错误883654）。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
table{
border: 2px solid red;
border-collapse: collapse;
}
td{
border: 2px solid red;
padding: 0px;
}
div{
background:blue;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<div></div>
</td>
</tr>
</tbody>
</table>
</body>
</html>