Javascript 根据CSS位置的Div样式_Javascript_Html_Css

Javascript 根据CSS位置的Div样式

javascript html css

Javascript 根据CSS位置的Div样式,javascript,html,css,Javascript,Html,Css,我有以下HTML文件： <!DOCTYPE html> <html> <head> <style> #aDiv{ width:300px; height:100px; background-color:blue; } </style> <!--link rel="stylesheet" href="sty

我有以下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，即Chrome。如何解决此问题？

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

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

应该是这样的，看看高度值-这里用小写L代替1：

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

这将导致渲染高度为0的元素，而您将无法看到该元素

在测试这一点时，请记住在html标题中取消对链接行的注释。

像这样添加@Thinker有什么帮助？它是HTML5，type=text/css不是必需的。它是什么？并发布style.css的内容和用于链接到它的HTML。尝试此操作时是否取消对链接元素的注释？删除！-和-在结尾？CCS文件：aDiv{width:300px；height:l00px；background color:blue；}似乎是这样的，只需注意这个问题需要作为印刷错误关闭。