html - 绕过父级 : setting div width to 100% of window width 的最大宽度

Question

我制作了一个基于 Microsoft 提供的默认设计/ View 的 asp.net MVC 站点。所以它看起来很像 this site .

我制作了我的应用程序，现在我想稍微改变一下外观。这里有一个问题:这个默认的 View 模板是完全错误的。

我想做的:

为什么我不能:

我网站的每个页面上都有一个相同的 _Layout.cshtml 文件(它可能称为“部分 View ”)。以下是它处理网站主要部分的方式:

<div class="container body-content">

    @RenderBody() <!-- HERE GOES THE MAIN PART OF SITE -->

</div>

在@RenderBody 加载的 View 中，我想创建一个与顶部黑色导航栏一样宽的 div。我不能，因为父级 (div .container .body-content) 指定了“最大宽度”。所以我不能让我的 div 宽度达到 body 的 100%。

• 我不能删除最大宽度，因为我想保留其余的 View 现在的地方。
• 我无法修改所有 View 并在其中添加一些 具有“最大宽度”并从中删除“最大宽度”的标签 “。容器”。或者也许我可以，但工作量太大。

你建议我做什么？有什么简单的方法可以使这个 div 的宽度达到 100% 但又不改变 View 对象的位置吗？

Answer 1

您可以尝试拆分内容页面。 灰色的 Contoso 大学将是它自己的 div，您可以通过保持第二个 div 与您拥有的原始 css 的完整性来更改任何内容。