css - div背景颜色不起作用

Question

我一直在使用 html 和 css 编写一个网站，最近我开始需要一个带有背景颜色的 div 元素。我输入了background-color: gray;，但是没有用。我使用了 Google Chrome 的检查元素功能，它说 Chrome 无法识别该元素。我在 Firefox 中使用了相同的功能，但它也无法识别 css 元素。div 包含三个浮动部分，但它使用overflow: auto，所以这不是问题。有人可以向我解释为什么我不能为我的 div 添加背景颜色吗？

html:

<div id="main">
        <header>
        <h1>LOGO</h1>
        <nav>
            <a href="index.html" title="Home">Home</a>
            <a href="about.html" title="About">About</a>
            <a href="features.html" title="Features">Features</a>
            <a href="specs.html" title="Specifications">Specs</a>
            <a href="updates.html" title="Updates">Updates</a>
            <a href="contact.html" title="Contact Us">Contact</a>
        </nav>
        </header>

        <section class="left">
        <h2>NEWS</h2>
        <p>Itate eaquid quodit, utem dolorenihit ullore ides est faccum simaiorrum accaerf erfercim voloremod ut volectem con cus, temoluptatur as disquatent.</p>
        </section>

        <section class="right">
        <h2>SOMETHING</h2>
        <p>Itate eaquid quodit, utem dolorenihit ullore ides est faccum simaiorrum accaerf erfercim voloremod ut volectem con cus, temoluptatur as disquatent.</p>
        </section>

        <section class="right">
        <h2>SOMETHING</h2>
        <p>Itate eaquid quodit, utem dolorenihit ullore ides est faccum
simaiorrum accaerf erfercim voloremod ut volectem con cus,
temoluptatur as disquatent.</p>
        </section>
    </div>

CSS：

#main {
    backgound: gray;
    layer-background: gray;
    overflow: auto;
    border: 2px dashed black;

    border-radius: 15px;
    -moz-border-radius: 15px;
}

section {
    background-color: green;
    text-align: justify;
    margin: 5px;
    padding 10px;

    border-radius: 10px;
    -moz-border-radius: 10px;
}

Answer 1

在这部分 CSS 中：

#main {
    backgound: gray;
    layer-background: gray;

    /* .. */
}

backgound应该是background，并且layer-background不是 CSS 属性。

修复了这些错误，您所拥有的就可以了。

Answer 2

背景拼写不正确。正确的拼写是background并尝试给出一个十六进制代码而不是使用颜色名称。