IE中的浮动问题答案

【问题标题】：Float Issue in IEIE中的浮动问题
【发布时间】：2011-01-29 17:46:45
【问题描述】：

好的，我正在制作模拟操作系统类型的界面。它应该打开窗口并有一个拖动手柄。这一切都完美无缺。然后我为我浮动到右侧的退出按钮添加了一个图像......这让 IE 发疯了，IE 搞砸了大小和定位 =[

我已经尝试了一堆废话。这些都不起作用。有人想帮忙吗？

网站是

谢谢谢尔比

【问题讨论】：

您在哪个版本的 IE 中试用？对我来说，IE 8 看起来不错，和 Firefox 一样。在 IE 7 和 6 中，关闭按钮位于标题栏下方——这就是您所看到的吗？
我不确定我用的是哪个版本老实说=[虽然是 7 或 6。是的，标题栏是问题

【解决方案1】：

我能想出的唯一解决方案是：

<!--[if lte IE 7]>
    <style type = "text/css">
        #windowExitImage{margin-top:-27px}
    </style>
<![endif]-->

因为它在技术上是一个注释，所以只有背面的 IE 7 会注意到它。所以 IE 8 和其他浏览器会以他们已经做的方式显示它，这实际上看起来是正确的。
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

【讨论】：

【解决方案2】：

另一种解决方案是根本不使用浮点数。

#dragHandle { 
  position: relative; 
}

#windowExitImage {
  position: absolute;
  top: 4px;
  right: 0px;
}

这将更好地跨浏览器并消除对 IE6/7 特定 CSS 规则的需要。

【讨论】：