IE8 的 CSS 问题 - 标题中的 2 个 div 之间出现奇怪的空格
您可以在以下位置查看该问题：
http://www.caterinaligato.com/
我们无法重现该问题在 IE7 或任何 Firefox 版本上。在 IE8 上使用 DeveloperTool 显示填充位于
请注意，“兼容性视图”已关闭。
如果有人有任何建议那就太好了！
You can view the issue on:
http://www.caterinaligato.com/
We can't reproduce the issue on IE7 or any of the Firefox versions. Using the DeveloperTool on IE8 its showing that the padding is inside the <div id="bannerArea">, however, we have tried #bannerArea * { padding:0; margin:0; display:block; } and that hasn't helped.
Please note that the 'Compatibility View' is off.
If anyone has any advise that would be great!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
首先将
overflow:hidden;添加到您的 BannerArea 类中。我也不相信明星黑客一定是最好的选择。我建议删除它，直到证明您绝对需要它。最后，确保您的
标记的内容全部在一行上。当锚标记在标记中存在换行符时，IE 历史上在正确布局方面存在一定程度的困难，在不应该有的地方显示空白。您的标记行：
...将标记分成三行，这可能会导致该问题。
Start by adding
overflow: hidden;to your BannerArea class. I'm not convinced that the star hack is necessarily the best option either. I would suggest removing that until it's proven that you absolutely need it.Finally, make sure your
<a>tag has its content all on one line. IE has historically had a degree of difficulty with the correct layout when anchor tags have line-breaks in the markup, displaying whitespace where there shouldn't be any.Your line of markup:
...splits the tag across three lines, which may be contributing to the issue.
在“bannerArea”中使用float:left会减少IE8中的空白，但位置会向右移动，需要重置位置。
use float:left for "bannerArea" it will reduce the white space in IE8, But the position will move right, need to reset the position.
我很确定这是由于您的下拉菜单而发生的。如果您将溢出：隐藏添加到“bannerArea”div，那么空白就会消失，但位置会被破坏。当添加溢出：隐藏到“nv”div时，图像回到原来的位置。所以你必须注意下拉菜单。也许你可以使用 scrip 下拉菜单而不是纯 css？
I'm pretty sure this is happening because of your drop-down menu. If you add overflow:hidden to you "bannerArea" div, then the white space vanishes, but the placement is ruined. When added overflow:hidden to "nv" div, the image came back to it's place. So you have take care of the drop-down menu. Perhaps you can use scrip drop-down instead of pure css?