div没有出现?

时间:2013-01-12 13:40:28

标签: html css

出于某种原因,我无法显示div。当发生这种情况时,它通常是一个愚蠢的错字,但我搜索了10分钟,重写了整个css文件,再搜索了20分钟,我找不到那样的东西。我有一个居中的div,另一个div在里面。父母显示罚款,但其中的孩子没有。这是我的CSS:

*{
    margin: 0px;
    padding: 0px;
}
#chartBox {
    width: 510px;
    height: 510px;
    background: #FFFF00;
    margin: 20px auto 0px auto;
}

#11 {
    display: inline-block;
    border: 1px solid #FFFFFF;
    width: 100px;
    height: 100px;
    background: #000000;
}

我的HTML body(仅link到css和title以外的body

<body>
    <div id="chartBox">
        <div id="11">

        </div>
    </div>
</body>

如果我在11中输入文字,文本会显示在chartBox的角落,但div的背景和边框不会显示。

2 个答案:

答案 0 :(得分:2)

  

ID和NAME令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(“ - ”),下划线(“ _“),冒号(”:“)和句号(”。“)。

你不能只使用像“11”这样的div中的数字。将其重命名为“div11”。

答案 1 :(得分:1)

原因是,某些浏览器不支持以数字开头的ID和类。请改为id="_11"#_11 {