能否仅用CSS（如calc()）修改Joplin弹窗内联样式的bottom值？

首先明确：没法直接用calc()修改这个动态生成的内联bottom值。因为CSS规则无法读取元素自身的内联样式数值，也就没法基于原有bottom值做加减运算；而且内联样式的优先级远高于外部CSS，就算用!important也只能设置固定bottom值，没法适配动态变化的情况。

不过有个替代方案可以实现类似效果：用transform: translateY()来偏移弹窗位置，它不会改变元素的定位属性，只是在原有定位的基础上做位移，完美适配动态生成的内联样式。

比如你想让弹窗向上偏移10px（相当于把原bottom值增加10px），可以写：

.tox-pop.tox-pop--bottom {
  transform: translateY(-10px);
}

如果想让弹窗向下偏移10px（相当于原bottom值减少10px），就改成：

.tox-pop.tox-pop--bottom {
  transform: translateY(10px);
}

这个方法不需要关心原bottom的具体数值，不管点击哪个单元格生成的弹窗，都会相对它原本的位置做偏移，完全满足你的需求。

内容的提问来源于stack exchange，提问作者fmotion1