Question

我有以下HTML文件：

<!DOCTYPE html>
<html>
<head>
    <style>
        #aDiv{
            width:300px;
            height:100px;
            background-color:blue;
        }
    </style>
    <!--link rel="stylesheet" href="style.css"-->
</head>

<body>
    <div id="aDiv"></div>
</body>

如果我以上述形式启动html，则会显示蓝色矩形。如果我将样式保存在css文件中（分别为 style.css ），则不会显示矩形。此行为适用于我尝试过的所有浏览器（Firefox，IE，Chrome）。如何解决这个问题？

Answer 1

如果你在评论中发布的内容是你的style.css文件的实际内容，你的问题很容易解决 - 你有一个错字：

#aDiv { width:300px; height:l00px; background-color:blue; }

它应该是这个（看看高度值 - 你有一个小写的L代替1）：

#aDiv { width:300px; height:100px; background-color:blue; }

这会导致呈现height: 0的元素，您将无法看到它。

测试时，请记得在html头中取消注释链接行。

根据CSS的地方划分风格

1 个答案: