Question

我看不到我的导航标签。我是HTML 5的新手，并不真正理解为什么我的CSS搞砸了。我正在尝试创建一个屏幕宽度（100％）的标题，但导航被隐藏，而文章标记的一部分位于标题标记中。这是我的HTML：

<body>
<header id="header"><h1>Welcome</h1></header>
<nav id="navigation">Home | Profile | Login</nav>
<article id="article">
    <h1>Welcome</h1>
    <section><h2>this is the search</h2>@RenderBody()</section>
    <section><h2>This is the most section</h2></section>
</article></body>

这是我的css：

body 
{
background-color: white;
margin: 0 auto;
}

#header
{
background-color: blue;

position: fixed;
width: 100%;
}

#navigation
{
background-color: pink;
}

#article
{
background-color: yellow;
}

Answer 1

删除位置：已修复以允许显示元素。然后，调整间距的简单解决方案是使用*选择器将每个元素的边距设置为0。

*选择器将选择所有元素......您可以像使用任何其他选择器一样使用它：

* { 
  margin: 0}

看不到我的导航标签

1 个答案: