问题描述
我正在使用使用 html 进行格式设置的 anki，但我有点卡住了。我想在我的卡片上画一个盒子，这样我就可以在里面画我的汉字，但我也希望当我把卡片翻到另一面时它“留在页面上的同一位置”。显然它不会是同一个对象，但我希望我可以使用巧妙的锚定，使卡片的正面和背面的盒子看起来在同一位置。
这是我现在使用的，两边都有。 margin-left 和 margin-right 对于让它看起来很好并且居中很重要。我尝试了底部：xpx 和位置：固定，但它们似乎没有我想要的效果（盒子一直相对于上面的东西移动，而不是屏幕底部）。
我正在使用的代码
<div style="width:200px; height:200px; margin-left:auto; margin-right:auto; top: 10px; bottom: 10px; border:1px solid #000;""</div>
如您所见，框相对于其他元素“移动”。
编辑：我创建了一个非常hacky的解决方案，但这适用于我正在尝试做的事情。我只是用一个块将卡片答案侧的所有文本包围起来，这对用户隐藏了它，但保持页面上所有元素的相同垂直定位。请有人回答这个问题，以免未来的开发者效仿我这个可怕的例子。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）