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，直到我完全完成项目的工作，这样我才能在设计视图中看到内容。

感谢您的任何帮助，您可以提供。