gpt4 book ai didi

html - 看不到我的导航标签

转载 作者:行者123 更新时间:2023-11-28 10:21:07 25 4
gpt4 key购买 nike

我看不到我的导航标签。我是 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;
}

最佳答案

移除位置:固定允许元素显示。那么调整间距的一个简单解决方案是使用 * 选择器将每个元素的边距设置为 0。

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

* { 
margin: 0}

关于html - 看不到我的导航标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24004853/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com