CSS 不生效答案

【问题标题】：CSS not taking effectCSS 不生效
【发布时间】：2009-10-30 11:30:28
【问题描述】：

当我将 CSS 文件与我的 Default.aspx 文件相关联但 CSS 没有对其产生任何影响时要查找什么？

这不起作用：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ColumnLayout._Default" %>

<!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">
<link type="text/css" href=ColumnLayout.css media="all"/>
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <P>AAAA AAAA AAAA</P>

        <DIV ID="columns">
            <P>BBBB BBBB BBBB</P>

            <DIV ID="right">
             <P>CCCC CCCC CCCC CCCC</P>
            </DIV>

            <P>DDDD DDDD DDDD DDDD</P>
        </DIV>
    <P>EEEE EEEE EEEE EEEE</P>
    </div>
    </form>
</body>
</html>

ColumnLayout.css

#columns 
{
 position: relative;
 top: 0;
 right: 0;
 padding-right: 10em;
}

#right 
{
 position: absolute;
 top: 0;
 right: 0;
 width: 9em;
}

两者都在同一个目录中。

我期待 3 行。第二行应该有两列。

【问题讨论】：

您的页面代码和 CSS 示例在这里会有所帮助。

标签： css

【解决方案1】：

<link rel="stylesheet" type="text/css" href="ColumnLayout.css" media="all"/>

我假设ColumnLayout.css 和页面位于同一位置。否则，请确保为 CSS 文件指定正确的 URL。

见Specifying external style sheets。

【讨论】：

【解决方案2】：

您在link 元素上忘记了rel="stylesheet"。

【讨论】：