html - 幅がパーセンテージベースの中央揃えの AJAX モーダルポップアップを作成するにはどうすればよいですか?

Question

Ajaxモーダルポップアップで次のスタイルを使用しています。幅は正しく設定されていますが、画面の左側に配置されています。幅を 600px などの固定値に設定すると、中央揃えになります。中心とパーセンテージの両方を行う方法はありますか?

.modalPopup {
    background-color:#ffffff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    position:relative;
    width:80%;
}

Answer 1

試す

.modalPopup {
    background:#fff;
    border:3px solid gray;
    padding:3px;
    position:relative;
    width:80%;
    margin: 0 10%; /* percent based margins will do the trick */
}

Answer 2

これは私が最終的に使用したものですが、ゾルタンは私に道を示してくれました。これにより、必要に応じてスクロールバーを使用できます。

.modalPopup {
    background:#fff; 
    border:3px solid gray; 
    padding:3px; 
    position:relative; 
    width: 80%;
    height: 400px;
    margin:0 10%; 
    overflow:auto;
}