如何修复html元素之间的神秘填充间隙？

Question

我有一个段落元素后跟一个无序列表（ul 来自 Joomla 的简单图片库扩展），两者之间有大约 200 像素的垂直间隙，我根本无法解释！差距出现在 Chrome、Firefox 和 Safari 中。

即使在 firebug 或 Chrome 的开发者工具中使用 DOM 查看器，所应用的 CSS 中绝对没有填充或边距值会导致这种差距 - 这真是个谜！

我已经把 * {margin:0, padding:0} 放好，但没有运气。我觉得这与浏览器添加的 webkit-padding 值有关。

任何帮助将不胜感激，谢谢！

Answer 1

您可能想要clear:none; 上的#main ul.sig-container

clear:both 使其在其上方浮动后垂直出现在新行上。

Answer 2

您可以通过在样式表中添加 css 规则来修复它

#wrapper {
    float: right;
}