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>