使用写作模式时，填充权不起作用:垂直-RL和位置:绝对在Chrome中

Question

这是代码：

<div
class="container"
style="position: relative;width: 400px;height: 400px;border: solid black;">
<div
class="content"
style="position: absolute;right: 0;writing-mode: vertical-rl;
padding-right: 50px;">Some text</div>
</div>

有两个盒子。我设置了外部盒子的边框和大小(.container(。因此，我们可以清楚地看到它。使用内框(.contanet(，我设置了position，right，padding-right和writing-mode属性。但是它在铬和边缘的布局不同。

它像这样显示在Microsoft Edge和Firefox中。请参阅屏幕截图
但是在Chrome中，.content的右填充物移出.container。请参阅屏幕截图

这是Chrome的已知错误吗？以及如何解决此问题？

对不起，我的英语不好，感谢您的回答！：(

Answer 1

或者尝试一下。而不是位置使用显示属性。

<div
class="container"
style="display:block;text-align:end;width: 400px;height: 400px;border: solid black;">
<div
class="content"
style="display:inline-block;right: 0;writing-mode: vertical-rl;
padding-right: 50px;">Some text</div>
</div>