html - Material Design Lite - 工具提示定位

Question

当使用 MDL 工具提示 ( https://getmdl.io/components/#tooltips-section ) 时，工具提示出现在 <div> 的正下方它链接到。

我希望工具提示显示在它引用的元素的右侧，而不是下方。

到目前为止，我已经尝试过如此不成功地编辑我的 styles.css .mdl-tooltip {
right: 50px;
}

任何帮助将不胜感激

Answer 1

只需将 mdl-tooltip--right 类用于您的tooltip:

<div id="tt1">add</div>
<div class="mdl-tooltip mdl-tooltip--right" data-mdl-for="tt1">
Follow
</div>