2

なんらかの理由で、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（linkcssとそのtitle外body）：

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

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

11にテキストを入力すると、テキストはchartBoxの隅に表示されますが、divの背景と境界線は表示されません。

4

2 に答える 2

2

IDトークンとNAMEトークンは、文字（[A-Za-z]）で始まる必要があり、その後に任意の数の文字、数字（[0-9]）、ハイフン（ "-"）、アンダースコア（ "_"）を続けることができます。 、コロン（“：”）、およびピリオド（“。”）。

「11」のようなdivの数字だけを使用することはできません。名前を「div11」に変更します。

于 2013-01-12T13:43:49.380 に答える
1

その理由は、一部のブラウザは数字で始まるIDとクラスをサポートしていないためです。代わりに試してみてくださいid="_11"。#_11 {

于 2013-01-12T13:43:21.257 に答える