IE8 渲染额外的填充或边距答案

【问题标题】：IE8 Rendering extra Padding or MarginIE8 渲染额外的填充或边距
【发布时间】：2011-03-19 07:30:16
【问题描述】：

我在使用 IE8 时遇到了一些边距或填充问题，希望这里的人能够帮助我。下面是该站点在 IE7 中的屏幕截图，其间距正确（在 FF 和 Chrome/Safari 中看起来也几乎相同）。

下一个是 IE8 中的同一页面，在创建的行和描述之间有一大堆额外的间距。

您可以查看直播网站here。我在没有任何运气的情况下弄乱了填充和边距，我不知道额外空间来自哪里。使用 IE 开发人员工具检查元素显示了一个偏移量，但我不知道为什么会发生这种情况。

任何帮助都将不胜感激。

【问题讨论】：

【解决方案1】：

问题在于<span style="padding-left: 10px">1 Voter<span> 末尾的SPAN。它应该是一个结束标签。将此代码更改为：

<span style="padding-left: 10px">1 Voter</span>

这将解决您的问题。

【讨论】：

【解决方案2】：

从包含The best places for sharing a meal with someone special. 的div 中删除填充，并将div 替换为p。走着瞧吧。相邻的垂直边距应正确折叠。

【讨论】：