浮动过右[英] Floating Too Far Right

问题描述

我已经有一个记录管理Web应用程序，该应用程序在一个屏幕上显示了主记录，并且在编辑器Div中动态构建的编辑器，我使用jQuery来使其制作可拖动.

即使DIV不是一个窗口，我认为使其表现得更像一个窗口可能是一个好主意，因此我在"近距离"按钮中编码.结构看起来像这样:

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

编辑体是可变维度，具体取决于人们要输入的内容.

Draghandle的宽度设置为编辑器的100％. CloseButton在CSS中设置为float:right.

我的问题是，在IE6和IE7中，关闭按钮漂浮得太远了.无论我在何处将编辑器划定到窗口的位置，它总是靠在窗口的正确边缘上.在Firefox和Safari中，它看起来像我所期望的 - 窗户与编辑机构一样宽，Closebutton位于右上角.

我并不是特别依附于浮动:正确，只是寻找一种设置CSS的方法，这些CSS可以在所有浏览器中给我相同的结果.有什么想法吗?

"屏幕截图"

这是我想在Jsbin上做什么的模型(谢谢，Redsquare)

示例代码

我正在使用法律敏感的信息，因此我无法提供该应用程序的屏幕截图.但是，我已经拍摄了一些镜头，并阻止了文本和接口，仅留下窗口结构.

ie7 <>/a>

它看起来如何3

推荐答案

您可能需要考虑仅使用 jQuery对话样式已经有效跨平台.

其他推荐答案

在记录中，解决此问题的方法是从

float: right;

to

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

这会在IE中产生适当的结果，并且在内部表单字段中稍有填充，因此不必担心重叠.

其他推荐答案

CSS黑客:

* + html #editor #closebutton /* IE7 */, * html #editor #closebutton /* IE6 */ {margin-right: 100px;} // insert whatever value that fits here

本文地址：https://www.itbaoku.cn/post/1482776.html