CSS浮动破坏HTML图像映射

我正在使用一个名为Madcap Flare的XML编辑器，它允许我使用GUI创建图像映射。因为这使得地图很容易编辑，我宁愿使用这种技术。不幸的是，它呈现的代码不是CSS图像映射，而是HTML图像映射（映射、区域等）。我不想切换到CSS图像映射，因为我想在GUI中进行简单的编辑

我希望我的图像映射与左侧的文本向右对齐。我尝试了以下技术并取得了预期的效果：

技巧1：我使用CSS浮动包含图像的div。 结果：图像贴图不再工作，但图像向右浮动，文本换行

技巧2：我使用CSS将图像向右浮动。 结果：图像向右浮动，但div保持在左侧。文本不换行，图像贴图不再工作

技巧3：我设置了div align=“right”并完全删除了CSS。 结果：图像向右浮动，图像贴图工作，但文本不再换行

我注意到，只有当我浮动图像或其容器时，图像贴图才会中断；我甚至离开去做实验，看到了同样的结果。没有办法浮动图像贴图吗？我想知道这个问题是否是图像大小调整问题，但我检查了代码，图像映射没有继承任何图像大小样式。在测试中，我还将图像设置为100%最大宽度和最大高度，以确保它完全没有收缩，但我再次看到了相同的结果。我还认为HTML align=right实验表明问题不是继承的样式

---

有什么窍门吗？或者确认您不能浮动图像贴图？谢谢。

如果包含图像贴图的div具有固定大小并且位于其父div的上边框，则可以执行以下操作：

创建一个与包含图像贴图的DIV大小相同的空DIV，并使其向右浮动（在顶部）。没有边框，没有背景，没有内容。文本将围绕该文本浮动

将

position:relative

应用于父DIV，将

position:absolute

应用于包含图像映射的DIV。应用

top:0

，

右侧：0

，

宽度和
高度作为空的浮动DIV

这会将图像映射放置在空的浮动DIV上方，文本在其周围浮动。
发布代码会有所帮助。