Visual Studio Design视图在设计视图中忽略CSS位置：relative

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中处理的应用程序执行此操作时，它会在设计视图中将内容移出页面一半。这就像它应用左边距和左边距的CSS属性，但忽略了相对属性。您是否知道如何让Visual Studio以与浏览器相同的方式处理我的CSS，以便我可以应用我的CSS定位代码并仍在应用程序上工作。截至目前，我必须在上面注释掉CSS，直到我完成项目工作，这样我才能在设计视图中看到内容。

感谢您提供的任何帮助。