Internet Explorer 负边距未按预期工作

Posted 2023-03-06

【中文标题】Internet Explorer 负边距未按预期工作

【英文标题】：Internet Explorer negative margin not working as expected

【发布时间】：2012-10-28 20:33:38

【问题描述】：

为我的教会创建网站的人说没有办法解决这个问题，我们不应该担心它。但我认为他错了，我正在尝试自己解决。我的编码背景是 C++ 和 Cobol，但不是真正的 CSS。不过我正在学习，所以这里的任何帮助都会很棒。

该网站使用 Joomla 并且在这里：http://www.anointedesign.com/mtvernon/site2/

在 Firefox 和 Chrome 中看起来不错，但在 Internet Explorer 中，顶部标题框和幻灯片之间的顶部有一个巨大的差距。我认为这是处理负边距值的方式的 IE 问题，但我可能离这里很远，需要帮助。

整个顶部导航、徽标和印章应该非常靠近幻灯片，到左侧印章应该与幻灯片重叠约 15 像素的位置。

【问题讨论】：

是的，正是由于这些错误，您的负边距无法正常工作。你有 div，它们用 /> 关闭。一旦你修复了这些错误，我相信它在 IE 中也可以正常运行，就像在 FF、GG、AS 和 Opera 中一样。

【参考方案1】：

这段 css 代码将修复它：

#horiz-menu 
float: left;
width: 100%;
margin-bottom: -110px;


#header-bg > div.wrapper 
clear: both;


#showcase-section 
margin-top: 0;

问题是由水平菜单 div 内的浮动和清除引起的。 IE 不喜欢带有那种 CSS 代码的 div。 :)