jquery - 向右浮动太远

Question

我有一个记录管理 Web 应用程序，它在一个屏幕上显示一条主记录，AJAX 动态地将编辑器构建到一个编辑器 div 中，我使用 JQuery 使其可拖动。行得通。

尽管 div 不是一个窗口，但我认为让它表现得更像一个窗口可能是个好主意，所以我编写了一个“关闭”按钮。结构如下所示:

<div id="editor">
  <div id="draghandle" />
  <div id="closebutton" />
  <div id="editorbody" />
</div>

Editorbody 是可变维度的，具体取决于人们试图输入的内容。

Draghandle 的宽度设置为编辑器的 100%。关闭按钮在 CSS 中设置为 float:right。

我的问题是，在 IE6 和 IE7 中，关闭按钮 float 得太靠右了。它总是在窗口的右边缘，无论我将编辑器 div 拖到哪里。在 Firefox 和 Safari 中，它看起来像我预期的那样 - 窗口和编辑器主体一样宽，关闭按钮位于右上角。

我并不是特别喜欢 float:right，只是在寻找一种设置 CSS 的方法，它会在所有浏览器中给我相同的结果。有什么想法吗？

“截图”

这是我想在 jsbin 上做的事情的模型(感谢 redsquare)

sample code

我正在处理法律敏感信息，因此无法提供该应用程序的屏幕截图。然而，我已经拍了一些照片并遮挡了文本和界面，只留下了窗口结构。

how it looks in IE7

how it looks in firefox 3

Answer 1

郑重声明，解决此问题的方法是更改​​关闭按钮的 CSS

float: right;

到

position: absolute;
right: 5px;
text-align: right;

这会在 IE 中产生正确的结果，并且对内部表单字段进行一些填充，无需担心重叠。