このダイアログの位置を変更するにはどうすればよいですか？

Question

ねえねえ:)このダイアログの位置を変更したり、サイズを変更するにはどうすればいいですか？私はスタイルタグで試しましたが、何も起こりませんでした。特定の位置に永続的に位置を変えてほしいです...

ありがとうございます！

編集：

ダイアログは自動的に1つの位置に配置されます。それは常にそこで開きますが、私はそれを再配置し、サイズを変更する必要があります。私は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>

Answer 1

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

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

Answer 2

サイズを変更するには、ボタンの周りに与えられた余分なパディングがあり、あなたはそれのサイズを変更するには、ダイアログやボタンに明示的なパディングCSSプロパティを提供することができます。 次のコードを使用して、開き位置を設定できます。

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

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