如何重新定位此对话框？答案

【问题标题】：How can I reposition this dialog?如何重新定位此对话框？
【发布时间】：2016-06-19 20:25:46
【问题描述】：

大家好 :) 我如何重新定位和调整此对话框的大小？我用样式标签尝试了它，但什么也没发生。我希望它将其永久重新定位到特定位置...

提前致谢！

编辑：

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

(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>

【问题讨论】：

标签： javascript css html html5dialog

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

要调整大小，按钮周围有额外的填充，您可以为对话框或按钮提供显式填充 CSS 属性来调整它的大小。您可以使用以下代码设置开仓位置。

$( ".selector" ).dialog( "option", "position", [350,100] );

【讨论】：

是的，它的工作。但是对话框会自动放置在某个位置。它总是在那里打开，但我需要重新定位和调整它的大小。我用 style=" position:absolute; top/right 等" 尝试过，但没有任何效果。例如，我希望它以不同的大小在右上角打开。我怎么把它放在那里？
尽管有 jquery 标签，但这不是 jquery 对话框 - 我从问题中删除了标签
好的，知道使用什么库来显示此对话框，也许我们可以为解决方案提供该库的文档。
没有库——只有 HTML5 和 CSS

【解决方案3】：

可能有帮助..您需要设置left: auto;

(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; right:0; left: auto; height : 200px;width : 200px;">  
    <button id="arbeitsauftrag-exit">Fenster schließen. </button> 
</dialog>
<button id="arbeitsauftrag">Open Dialog</button>

【讨论】：