<header>中的容器元素不显示</header>

Question

我在'header'元素中使用'section'元素作为容器。

容器没有以任何方式显示。

直播：http://blnr.org/testing

HTML

    <!-- start pagewrap -->
    <div id="pagewrap">

        <!-- start header -->
        <header>

            <section id="container">    

            </section>

        </header>
        <!-- end header -->

    </div>
    <!-- end pagewrap -->   

CSS

header {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 65px;
    background-color: #F9F9F9;
    border-bottom: thin solid #C6D9F1;
    margin: 10px 0 10px 0;
}

header section #container {
    width: 900px;
    height: 30px;
    border: thin dotted black;
    margin: 0 auto;
}

Answer 1

你有一个小小的错误：

将CSS中的header section #container更改为header section#container，如下所示：

header section#container {
    width: 900px;
    height: 30px;
    border: thin dotted black;
    margin: 0 auto;
}

您所做的基本上是在部分内寻找元素宽度id="container" 。

Answer 2

section和#container之间的空格意味着它是一个元素的选择器，其中id为'container' in 。删除空格：

header section#container {
    width: 900px;
    height: 30px;
    border: thin dotted black;
    margin: 0 auto;
}