css - Visual Studio のデザイン ビューで CSS の位​​置が無視される: デザイン ビューでの相対位置

Question

私は、アプリケーションのスタイルシートに CSS を追加して、ブラウザー ウィンドウのサイズに関係なく、アプリケーションまたはページのコンテンツが水平方向に中央に配置されるように、フォーム コンテンツをブラウザーの中央に配置することを強く好みます。

これを行うために使用する CSS コードは次のとおりです。

.panel
{
     width: 300px; /* Can be whatever value you need it to be */
     position: relative;
     left: 50%;
     margin-left: -150px; /* This is half of width */
}

ただし、Visual Studio で作業しているアプリケーションに対してこれを行うと、コンテンツがデザイン ビューのページから半分移動します。left および margin-left の CSS 属性を適用しているようなものですが、relative 属性は無視されています。Visual Studio で CSS をブラウザーと同じように処理して、CSS ポジショニング コードを適用し、引き続きアプリケーションで作業できるようにする方法を知っていますか。現時点では、プロジェクトの作業が完全に完了するまで上記の CSS をコメントアウトして、デザイン ビューでコンテンツを表示できるようにする必要があります。

ご協力いただきありがとうございます。