我正在使用名为Madcap Flare的XML编辑器，它允许我使用GUI创建图像映射。由于这使得地图易于编辑，我宁愿使用该技术。不幸的是，它呈现的代码不是CSS图像映射，而是HTML映射（映射，区域等）。我不想切换到CSS图像映射，因为我想在GUI中进行简单的编辑。
我希望我的图片地图与其左侧的文字对齐。我已经尝试了以下技术并指出了结果：
技巧1：我使用CSS浮动包含图像的div。 结果：图像映射不再起作用，但图像向右浮动并且文本换行。
技巧2：我用CSS漂浮了图像。 结果：图像向右浮动，但div保留在左侧。文本不会换行，图像映射不再有效。
技巧3：我设置div align =＆＃34; right＆＃34;并完全删除了CSS。 结果：图像向右浮动，图像映射工作，但文本不再包装。
我注意到，当我浮动图像或其容器时，图像映射只会中断;我甚至漂浮在实验中，看到了同样的结果。有没有办法浮动图像地图？我想知道问题是否是图像调整大小问题，但我检查了代码，图像映射没有继承任何图像大小样式。我还在测试中将图像设置为最大宽度和最大高度100％，以确保它根本没有缩小，但我再次看到相同的结果。我还认为HTML align = right实验表明问题不是继承的风格。
任何提示/技巧？或者您无法浮动图像映射的任何确认？感谢。
答案 0 :(得分：0)
如果包含图像映射的div具有固定大小且位于其父DIV的上边界，则可以执行以下操作：
创建一个与包含图像映射的DIV大小相同的空DIV，然后创建float right（在顶部）。没有边框，没有背景，没有内容。文本会围绕那个文本浮动。
将position: relative应用于父DIV，将position: absolute应用于包含图像映射的div。将top: 0;，right: 0和width以及height应用为空的浮动DIV。
这会将图像映射放在空的浮动DIV上方，文本会浮动在它周围。