浮动过右[英] 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对话样式已经有效跨平台.

其他推荐答案

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

更改Clocks的CSS
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