MasterPage 中的 CSS 没有传递到内容页面答案

【问题标题】：CSS in MasterPage not carrying through to Content PageMasterPage 中的 CSS 没有传递到内容页面
【发布时间】：2014-01-16 17:13:34
【问题描述】：

我是 ASP.NET 的新手，不得不承认，即使是最基本的结果，我也很难实现。

我目前无法让 CSS 格式在我的内容页面中工作。

我的母版如下-

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Master_Main" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="../CSS/Main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="Container">
    <div id="Header">Header Goes Here</div>
    <div id="LeftBar">Left Bar Goes Here</div>  
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>     
    <div id="RightBar">Right Bar Goes Here</div>
    <div id="Footer">Footer Goes Here</div>   
    </div>       
    </div>
    </form>
</body>
</html>

标记中引用了 CSS 样式表，当在母版页的设计视图中时，我可以看到格式设置到位。

但是，当我基于此母版页创建内容页面时，没有任何 CSS 格式遵循。

<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Main.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Pages_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div>
<p>Content Goes Here</p>
</div>
</asp:Content>

我相信内容页面的来源正确地引用了母版页，但格式根本不起作用。我的内容页面在浏览器左侧完全是黑白文本。

我相信这对于那些擅长 ASP 的人来说是一件简单的事情，但是就像我说的，我现在正在努力解决它，所以非常感谢任何帮助。

为了完整起见，CSS文件如下-

*
{
    font-family: Calibri;
}

#Header
{
    width: 100%;
    background-color: Gray;
}

#LeftBar
{
    width: 15%;
    float: left;
    background-color: Lime;
}

#Content
{
    width: 70%;
    float: left;
    background-color: White;
}

#RightBar
{
    width: 15%;
    float: left;
    background-color: Yellow;
}

#Footer
{
    width: 100%;
    float: none;
    background-color: Red;
}

在 VWD 的设计视图中时，CSS 格式会出现在母版页上，但不会出现在内容页中。

【问题讨论】：

您期望 ContentPlaceHolder 中的样式是什么？
我没有在整个页面上获得任何样式，而不仅仅是在占位符中。

标签： asp.net css

【解决方案1】：

Visual Studio 的已知问题（如果在这种情况下发生这种情况）。确保应用正确路径的方法是将 CSS 文件从解决方案资源管理器拖到母版页的头部（在设计视图中）。

【讨论】：