Question

当我将一个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行。第二行应该有两列。

Answer 1

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

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

请参阅Specifying external style sheets。

Answer 2

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

CSS没有生效

2 个答案: