Question

这是.aspx页面的内联代码： -

<table>
<tr>
 <td>Some static data</td>
 <td>Text box control</td>
 <td><div id="div1"></div></td>
</tr>
</table>

第三个<td>有一个div'div1'。该div在该页面上大部分时间没有任何数据。但有时我需要在那里显示一些动态数据）。现在的问题是，如果div'div1'中没有数据，firefox将其视为一个空格并占用大约。浏览器中的5px空间。（但兼容性视图中的IE8很好）

这里有什么关于firefox的工作？

Answer 1

我会考虑你是否真的需要div - 我猜你在某些情况下通过定位ID填充数据，为什么不只是定位表格单元呢？

<table>
<tr>
 <td>Some static data</td>
 <td>Text box control</td>
 <td id="div1"></td>
</tr>
</table>

Answer 2

尝试在CSS开头设置所有边距和填充为0.

*{
  margin: 0;
  padding: 0;
}

然后您可以在需要时明确设置这些值。

Answer 3

那是因为你有一个填充应用于td元素。你可以这样做：<td style="padding:0"><div id="div1" style="display:none; padding:1px;"></td>

将填充移动到div元素，并在它为空时隐藏它。在这种情况下，Firefox不会对其应用任何填充。但是，当应用数据时，它应该看起来像其他tds。

Answer 4

听起来你需要重置你的风格。那里有几个好的，包括Eric Meyer's CSS reset和Yahoo YUI2 CSS reset。