为何dialog元素无法像div一样通过right属性实现右侧固定定位？

我清楚用CSS的position: fixed;搭配right属性能实现HTML元素的水平固定定位，但这个方案在<dialog>元素上的表现却不符合预期。把元素定位到top、bottom或left位置时都能正常生效，唯独设置right:0没法让它像普通<div>那样紧贴浏览器右侧。我已经靠margin-left: auto找到了临时解决办法，但还是想搞清楚背后的原因，我使用的是Chromium浏览器。

示例代码 #

CSS #

dialog,
div {
  position: fixed;
  right: 0;
  margin: 0;
}

dialog {
  /*margin-left: auto;*/
}

HTML #

<dialog open>dialog</dialog>
<div>div</div>

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