Question

HTML：

<!DOCTYPE html>
<html>
    <head>
    <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Some Title</title>
    </head>
    <body>
        <div id="header"></div>
        <div class="left"></div>
        <div class="right"></div>
        <div id="footer"></div>
    </body>
</html>

CSS：

div {
    border-radius: 5px;
}

.header {
    height: 100px;
    width: 75%;
    background-color: black;
}

#left {
    height: 600px;
    width: 30%;
    background-color: gray;
}

#right {
    height: 600px;
    width: 50px;
    background-color: blue;
}

.footer {
    height: 100px;
    width: 75%;
    background-color: black;
}

http://cssdesk.com/aVCZc

如果有些东西对代码一无所知并且完全错误，有人可以向我指出吗？ div没有出现给我。

Answer 1

问题出在你的CSS选择器中，你有它们倒退。 .适用于类，#代表ids

Answer 2

你只是错误输入了id和类指标：

class ==＆gt;应该是。
id ==＆gt;应该是＃

为什么我的div不出现？

2 个答案: