使属性图标在 OpenLayers 3 中向右扩展而不是向左扩展

Question

我在 OpenLayers 3 的 Open Street Map 图层上有一个属性图标。

我已将它设置在屏幕的左侧，但是当单击该按钮时，它会尝试向左扩展到屏幕之外（这是它的默认行为）。有没有办法让属性信息向右展开？

我已经使用一些CSS设置了属性图标位置：

.ol-attribution {
  right: 95%;
}

以下 jsfiddle 显示了我希望避免的当前行为（单击左下角的 i 按钮）：

http://jsfiddle.net/single_entity/7mvuxytv/

Answer 1

通过使位置相对于左侧而不是右侧，div 在右侧扩展。使按钮浮动在左侧使其也保持在相同的位置以打开和关闭它。

.ol-attribution {
  right: auto;
  left: .5em;
}
.ol-attribution button {
  float: left;
}

http://jsfiddle.net/7mvuxytv/31/