javascript - 如何重新定位该对话框？

Question

嘿伙计们:)我怎样才能重新定位和调整这个对话框的大小？我尝试使用样式标签，但没有任何反应。我希望它将它永久地重新定位到特定位置...

提前致谢!

编辑:

对话框自动放置在某个位置。它总是在那里打开，但我需要重新定位并调整它的大小。我尝试使用 style="position:absolute;top/right 等"，但没有任何效果。例如，我希望它以不同的尺寸在右 Angular 打开。我如何将其放置在那里？

(function() {  
    var dialog = document.getElementById('arbeitsauftrag-window');  
    document.getElementById('arbeitsauftrag').onclick = function() {  
        dialog.show();  
    };  
    document.getElementById('arbeitsauftrag-exit').onclick = function() {  
        dialog.close();  
    };  
})();

<dialog id="arbeitsauftrag-window" style="position:absolute; top:5px; left:5px;">  
    <button id="arbeitsauftrag-exit">Fenster schließen. </button> 
</dialog>
<button id="arbeitsauftrag">Open Dialog</button>

Answer 1

    #arbeitsauftrag-window{
  position:absolute;
  left:1500px;
  right:0px;
  background:grey;
}

codepen-http://codepen.io/nagasai/pen/pbEdME