为什么我的元素在header元素之外
首先，我需要明确一下问题，您是在问为什么一个元素位于<header>元素之外，还是询问为什么一个元素没有显示在<header>元素内部？
如果您是在问为什么一个元素位于<header>元素之外，可能有以下几种可能的原因：
- 结构错误：您的HTML结构可能存在问题，导致元素没有正确地嵌套在
<header>元素内部。请确保您正确地使用了HTML标签，并将元素嵌套在正确的位置。 - CSS样式：可能是由于CSS样式的设置导致元素位置不正确。请检查您的CSS样式表，查看是否存在影响元素位置的样式属性。确保您的CSS规则正确地选择了要影响的元素。
- JavaScript操作：如果您的元素是通过JavaScript动态生成或操作的，可能是由于操作顺序不正确导致元素位置不正确。请检查您的JavaScript代码，确保元素被正确地插入到
<header>元素内部。
如果您是在询问为什么一个元素没有显示在<header>元素内部，可能有以下几种可能的原因：
- CSS布局问题：请检查您的CSS布局设置，确保
<header>元素和其他相关元素的布局属性正确地将它们放置在预期的位置。确保没有其他元素覆盖或遮挡了<header>元素。 - 元素定位：元素的定位方式可能导致其不在
<header>元素内部显示。请检查元素的定位属性，如position、top、left等，确保元素被正确地定位在<header>元素内部。 - 元素层级：元素的层级设置可能导致其不在
<header>元素内部显示。请检查元素的z-index属性，确保它在<header>元素的层级之上。
总之，检查HTML结构、CSS样式和JavaScript操作，以及调整元素的布局和定位属性，可以帮助您解决元素不在<header>元素内部显示的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送（TPNS）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：暂无腾讯云具体产品，您可以了解腾讯云的最新动态和产品更新，以便了解相关领域的发展。
相关·内容
我正在为从d1.test.com到d2.test.com的菜单列表做跨站点获取，问题是它还在将我想要的元素之外的其他数据提取出来。因此，对于这种情况，我将获取<header>标记中的所有内容，但是$('#mainNav').load('https://d1.test.com header'); (为了确保在控制台中独立运行)也会从d1中提取一些其他内容，这些内容都在<header>标记之外。
为什么会这样？如何像我所期望的那样只获得开始和结束<header>标记之间的数据？
ETA:这里是d1上的html (在注释中被要求)，
浏览 1提问于2021-07-28得票数 0
回答已采纳
真的想知道为什么链接列表indexof()没有利用"header“条目在传递空”目标“时有一个null元素来提高性能：
public int indexOf(Object o) {
int index = 0;
if (o==null) {
// header.element guaranteed null, no chance of looping past header
for (Entry e = header.next; e.element != null; e = e.next) {
index++;
浏览 6提问于2017-03-02得票数 1
回答已采纳
我在主题文件夹中添加了一个新文件，它似乎不能正常工作。
第一行get_header();创建一个错误Fatal error: Call to undefined function get_header()，就好像它没有看到任何包含的内容一样。
知道为什么会这样吗？除此文件外，同一主题文件夹中的所有文件都能正常工作。
浏览 0提问于2012-03-06得票数 2
回答已采纳
1回答
所以在我的search.php中，它会给出结果。我希望每个结果都封装在div类中，这样我就可以编辑它们，并像长卡片一样显示它们。但是，目前我的代码只是包装第一个DIV。无法真正弄清楚为什么会这样，因为每个结果的代码循环都是正确的，应该在DIV中重新包装下一个结果？这是我的代码和搜索结果页。
我正在测试的搜索站点：
<?php get_header(); ?>
<section id="content" role="main">
<?php if ( have_posts() ) : ?>
<header class=&#
浏览 4提问于2015-09-10得票数 0
回答已采纳
4回答
为什么我的header和页面的左边框之间有空间？这个空间用黑色来象征。
下面是我正在使用的css以及用于标题的html：
<header class = "header-style">
<p>Android</p>
</header>
CSS：
.header-style {
position: fixed;
top: 0px;
height:50px;
width:100%;
margin-left: 0px;
background: #e95644;
}
标题在定位时会
浏览 8提问于2014-09-14得票数 0
回答已采纳
我刚开始阅读关于标题的文章，我在这里找到了一篇追溯到2011年的文章，其中说<header>标记是编写<div class="header">的另一种方式。
然而，为了好玩，我尝试了它，用<header>代替了<header>，发现我的站点没有任何变化。即使是<title>也会正确显示。
这就是我的问题。<header>标记在html5中是<head>标记的替代品吗？如果没有，是否有人能就为什么我的网站上的事情没有改变提出建议？
提前谢谢。
浏览 16提问于2014-07-09得票数 1
回答已采纳
在下面的代码中，header标记的内容并不是从屏幕顶部开始的，
body {
margin: 0px; border: 2px solid green;
}
header {
width: 100%;
height: 25vh;
background-color: gray;
text-align: center;
margin: 0;
padding: 0;
}
<header>
<h
浏览 0提问于2016-02-17得票数 0
我试图在body标记中像这样格式化我的HTML：
<header id="header"></header>
<main id="app"></main>
<footer id="footer"></footer>
原因是为什么我可以在<main></main>和<header></header>中导航
Im还单独呈现相应的React组件，即：document.getElementById("header")
浏览 0提问于2018-12-08得票数 0
回答已采纳
为什么当我在CSS中使用ul属性时，我的float: right元素会消失？
我正在为这个网站建立导航。
您可以在CodePen中找到以下代码：
CSS
/*-----------------------------------*/
/* HEADER */
/*-----------------------------------*/
header {
background-color: #de654e;
}
.logo-link h1 {
font-family: "lobster", sans-serif;
font-size: 42px;
浏览 5提问于2017-09-10得票数 0
回答已采纳
2回答
我正在努力学习堆叠上下文是如何工作的，并且能够用正确的CSS术语来表达和解释它是如何工作的。
我有以下示例：
HTML：
<div class="header">
<div class="menubox">Menu Box</div>
</div>
<div class="carousel">
<div class="imagebox">Image box</div>
</div>
CSS：
.header { wid
浏览 3提问于2014-02-04得票数 0
2回答
我刚从老师那里学到了一个新的"css黑客“。但他不知道为什么会起作用。
我会解释：
我在我的网站上出现了一个不想出现的空白(绿线)：
灰色的是导航元素，黑色是包含p标签“某些内容”的div，这是因为他的空白。(我将在问题的末尾贴出代码)。
我的解决办法就是删掉保证金。但我的老师告诉我另一种方式。他将overflow: hidden;添加到包含p的div中，而poff则消除了空白。
但这怎么可能？为什么溢出会影响元素的边距？
下面是一个示例代码和一个代码演示程序：
.container,
.header,
.content{
margin 0;
padding: 0;
浏览 0提问于2015-08-21得票数 1
回答已采纳
2回答
好的,
考虑以下代码：
<div class="grid-container">
<div class="grid-20 padright">
<h3 class="padhalf blue-header">
This is 20% Wide
</h3>
</div>
<div class="grid-80 padleft">
浏览 3提问于2015-05-07得票数 1
3回答
我试图让我的头和图像完全在同一条线上，但有困难。有人知道为什么/建议一个解决办法吗？
<!DOCTYPE html>
<html>
<head>
<style>
#header img {
position: relative;
width: 75px;
height: 75px;
}
#header h1 {
color: white;
float: left;
background-color:#006890;
font: 75px arial, sans-serif;
}
</style>
<
浏览 3提问于2014-12-08得票数 0
回答已采纳
3回答
我最近一直在研究HTML语义，我想知道<main>的真正目的是什么。我创建了两个场景，如下所示：
场景1
<main role="main">
<header role="banner">
<hgroup>
<h1>Header 1</h1>
<h2>Header 2</h2>
</hgroup>
<n
浏览 7提问于2016-02-19得票数 7
回答已采纳
在下面的示例html5页面结构中，以下哪一个相对于小部件的侧边栏更具有语义(出现在侧栏中的元素是出现在多个页面上的元素，不一定、直接、也不一定与此内容页特别相关)：
<body>
<header id="site-header">
...
</header>
<section id="page-body">
<main>
<header></header>
<artic
浏览 5提问于2014-05-01得票数 0
回答已采纳
3回答
为什么我不能将h2放在表格单元格中的段落中？(在Chrome和FF上测试)
<table>
<tr>
<td>
<p>
<h2>Header</h2>
test123
</p>
</td>
</tr>
</table>
段落内容跳出td，p变为空：
浏览 1提问于2014-02-23得票数 0
回答已采纳
我有一个从a.xml转换为b.xml的xquery文件。下面是我的x-query的一个例子：
<TestMessage>
<Header>
<MessageType>
{for $x in doc("input.xml")//Test/NewHeader return
if ($x/MessageType/text() = "FIRST") then "FirstMessageType"
else "SecondMessageT
浏览 0提问于2013-03-12得票数 0
回答已采纳
6回答
我的css代码：
#header
{
width:900px;
border:dashed 1px;
margin:5px;
padding:2px;
}
#header .fl_left
{
float:left;
display:block;
width:260px;
}
#header .fl_left h1
{
float:left;
background-color:#666633;
color:#0033CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:oblique;
}
我的html代码：
<
浏览 0提问于2012-10-05得票数 1
回答已采纳
1回答
我的xsl转换出了问题，我看不到问题(是的，新手)。
我有一个xml：
<REG_REQUEST>
<header>
<version/>
<!-- many tags here -->
<ref_dtls>
<ref_doc_num>000111222</ref_doc_num>
<ref_doc_date>01.01.2000</ref_doc_date>
浏览 1提问于2012-09-07得票数 1
回答已采纳
2回答
我正在尝试做一些类似的事情(背景图片覆盖整页)，，我不知道为什么我的代码不能工作。也许这是与html有关的东西，这就是为什么我删除了大部分的代码来检查它，什么不起作用。这就是为什么我认为这是css的问题。但我不知道。这是我的密码
<!doctype html>
<html lang = "pl">
<head>
<meta charset = "utf-8" />
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chro
浏览 1提问于2017-07-06得票数 0
回答已采纳
为什么我的红色边框没有围绕我的文本div和侧边栏div。下面是我的代码：
CSS：
body{
background-color: #d7d7d7;
color: #666666;
font-family: arial, sans-serif;
font-size: x-small;
}
div#header {
background-color: #323232;
height: 140px;
width: 950px;
}
div#maincontainer {
background-color: #d7d7d7;
width: 950px;
height: auto;
margin
浏览 0提问于2010-06-11得票数 2
2回答
我有一些inline-block元素给页面一定的宽度。我原以为header和footer标签会获取宽度--但它们只有浏览器的宽度。为什么会这样呢？以及如何给他们整个页面的宽度？
html：
<body>
<header>
HEADER
</header>
<ol>
<li><img src="img/slides/boy.jpg"/></li>
<li><img src="img/slides/bridge.jpg"/>
浏览 0提问于2013-10-27得票数 0
回答已采纳
给定以下HTML，为什么会出现错误：
验证(HTML5)：元素“th”不能嵌套在元素“表”中
<table>
<th>ID</th>
<th>text header</th>
<tr>
<td>7</td>
<td>text</td>
</tr>
</table>
浏览 6提问于2014-06-03得票数 12
回答已采纳
我试图设置一个标题在wordpress网站上的颜色为透明，以便徽标和菜单图标显示在网站的其他元素，没有自己的背景。
我的问题如下。在我的app.css文件中，设置标题颜色的CSS如下：
header.dark-header {
background-color:#252627;
border-color:transparent;
border-bottom:0;
}
如果我把它设置为透明的话，背景实际上会变成白色，而且是不透明的。
解释问题的图片：网站演示：
我不知道该怎么做，也不知道为什么会这样。有人吗？
浏览 0提问于2019-03-13得票数 1
1回答
我想在app-header-layout中放置一个子元素(子元素)。子元素包含一个paper-dialog modal。当我打开模式时，我希望看到对话框出现在背景的前面。相反，对话框出现在背景后面。
如何使模态对话框出现在背景前？或者这可能是app-drawer-layout或app-header-layout元素中新发现的bug？
。.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="import" href="
浏览 2提问于2016-10-01得票数 2
回答已采纳
1回答
css垂直对齐溢出页眉
、、、
好的，我在一个页面中有一个部分(wordpress)
<header id="masthead" role="banner">
<div id="header_fix"></div>
</header>
和css
#masthead {
width: 100%;
margin-left: auto;
margin-right: auto;
background-repeat:no-repeat;
background-size:cover;
p
浏览 0提问于2012-11-05得票数 0
回答已采纳
2回答
我已经创建了一个“header”元素，其中包含了一个之前的伪元素。pseudeo元素必须在父元素之后。一切都很好，直到我给我的“头”一个z索引的那一刻。
我想要的是:黄色的“header”在前景，红色的伪元素在背景中，黄色的“header”元素上有一个简单的z索引30。
header {
background: yellow;
position:relative;
height: 100px;
width: 100px;
z-index:30; /*This is the problem*/
}
header::before {
conte
浏览 2提问于2011-10-19得票数 22
回答已采纳
我在一个div中有一个大的无序列表，我需要被分成多个列表。原因是，我需要将这些内容分成5列，以便所有响应性的内容都能正常工作。我想在关于我们的、Technology、Patients和Site Map列表元素上进行专门的拆分。
我尝试过使用jQuery .before在“关于我们”的列表项之前插入一些HTML，但是结果代码混乱了，因为它是无效的HTML。我试着做这样的事，但没有用：
var footerLinks = $('#footer ul li');
footerLinks.each(function() {
if ($(this).attr('cla
浏览 1提问于2013-06-12得票数 0
回答已采纳
例如，我在页面顶部有一个网络导航菜单，其中包含指向整个网络的站点的链接，而我的主导航包含指向此站点的导航。在html5中，这两个导航项目可以在同一个header标签中吗？所以我会有像这样的东西
<header>
<nav id="nav_network"></nav>
logo and stuff
<nav id="nav_site"></nav>
</header>
这是有效的吗？
浏览 3提问于2011-09-06得票数 0
我不明白它是怎么工作的，为什么它的中心。为什么宽度: 70%;而不是50% / 25%？
我不能把头绕着这件事。我只是试着学习网页开发的基础知识。我完全糊涂了。
body,
html {
margin: 0;
padding: 0;
}
.wrapper {
margin: 0 auto;
width: 70%;
}
.top-header {
background-color: yellow;
width: 100%;
height: 100px;
}
.main-content {
background-color: red;
width: 1
浏览 4提问于2015-01-03得票数 0
1回答
我使用HTML5的一些元素已经有一段时间了，但一直没有真正投入其中，所以我要把它作为一个优先事项，让我精益求精。
我已经阅读了我能找到的所有方面，并为自己建立了一个小测试。我已经通过一个出口工具运行，所有的事情似乎都是最重要的。只是想知道是否有人愿意看一下我的完整测试文档，看看我是否忽略了某件事情/做了什么彻底错误的事情。
<body>
<!-- Header -->
<header>
<img src="logo.jpg" alt="Logo" />
<h1
浏览 4提问于2013-02-08得票数 0
回答已采纳
我是聚合物公司的新手。
问题：，我想在我的自定义元素中使用纸卷轴标题面板。尝试，但没有出现背景图像。更新：
文件： index.html，沙龙-Files er.html
index.html
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="bower_components/webcomponentsjs/webcomponents.js"></script
浏览 1提问于2015-05-30得票数 0
回答已采纳
1回答
有几次，我注意到为AngularJS 1.5组件添加的样式并没有真正应用，现在我又遇到了这种情况，并且无法搜索为什么会出现这种情况。情况:我在里面有视图home和组件bt-table。
简化模板：
<section id="home">
<bt-table data="hc.tableData" options="hc.tableOptions"></bt-table>
</section>
在home的样式(sass)中，我编写了以下选择器：
#home
bt-table
浏览 2提问于2016-09-16得票数 1
回答已采纳
当未在行生成器中设置setPrimaryAction时，我无法在切片查看器应用程序中显示切片。
list(context, sliceUri, ListBuilder.INFINITY)
{
header {
title ="News Content"
}
row {
title = "news genre"
subtitle = "first new headlines"
}
浏览 3提问于2019-07-21得票数 0
回答已采纳
我正在使用来检查我的页面的语义。在文档的main header标记中，在h1之前有任何结构元素似乎都是一个问题。我在想，顺序并不重要，但很明显，它很重要：
+Document Body
+Header
+nav
+h1 Main Navigation
+h1 MyPage
-Section
-Footer
轮廓是这样的：
Untitled Body
Main Navigation
MyPage
etc...
但是当h1是我的头中的第一个元素时：
+Document Body
+Header
+h1 MyPage
+nav
浏览 3提问于2012-01-11得票数 9
回答已采纳
4回答
我只想它的行动在悬停的标志，而不是彩色的酒吧。我肯定这是个很简单的原因，我就是搞不懂。
下面是我的代码的JSFiddle：
<header>
<a href="index.html"><h1 id="logo">Dogeify</h1></a>
</header>
header {
background-color: #2B2B2B;
height: 35px;
width: 100%;
opacity: .9;
margin-bottom: 0px;
}
浏览 2提问于2014-01-18得票数 0
回答已采纳
因此，如果我增加#功能的上边距，它会从页眉向下拉出高度。我做错了什么？
举例说明。如果我将#功能区{ header :0 auto}更改为#功能区{边距: 20 px auto}，则标题的白色将与20 px一起下移，然后显示功能。我想要的是#特点被拉下来20 is和灰色的边框之间的特色和头
网站：
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header {
height: 100px;
}
header #h
浏览 1提问于2014-03-21得票数 0
回答已采纳
我试图让DIV滚动标记中的图像落在我的固定标题DIV后面，我尝试使用z-index：-4000！重要；换句话说，将它完全反向到头-这似乎不起作用(我也尝试了z-索引完全没有工作)。我真的很想在这方面提供一些帮助，我认为我的方法是错误的。
CSS below for the two divs.
/* Header Div */
.fixed-header {
position: fixed;
z-index: 4000;
padding: 10px 0 10px;
display: block;
width: 100%;
height:
浏览 1提问于2014-09-25得票数 0
回答已采纳
我对我的元素的位置有点困惑。
下面是代码：
<div class="header">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
.header {
width: 100%;
height: 55px;
border: 1px solid #e7e7e7;
background
浏览 4提问于2020-03-01得票数 0
回答已采纳
我从我的SQLite数据库中获取数据，并在ListView中插入列表。但是同样的数据在我的ListView中被重复了。
下面是获取数据的代码：
public List<Objectdata> getAllData()
{
m_dbConnection = new SQLiteConnection("Data Source=MyDatabase.sqlite;Version=3;");
m_dbConnection.Open();
List<Objectdata> dataList = new Lis
浏览 5提问于2016-04-16得票数 0
回答已采纳
我得到了以下css：
div#header, header {
height: 88px;
width: 100%;
background-image: url('/images/header.jpg');
background-repeat:no-repeat;
}
和以下HTML：
<header></header>
<div id="header"></div>
第二个HTML行做的正是我想让它做的事情。但是，第一个html行(< header >)没有。
浏览 0提问于2010-09-23得票数 3
回答已采纳
我正在使用xslt将xml转换为不同的xml。我使用：
<xsl:template match="header">
<header>
<order><xsl:value-of select="@order"/></order>
<value><xsl:value-of select="../header"/></value>
</header>
</xsl:template>
来抓取标题中的信息。
原始头
浏览 0提问于2012-09-15得票数 1
强文本
我不明白为什么当我给他的孩子(.navigation)毛利率最高时，我的头像会下降？如果我给垫子，它好，我的头保持在顶部，但为什么不通过给出保证金
我确实研究过:自动修复问题(是的)，但是为什么呢？有人能解释一下吗？
/* RESET */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* VARIABLES */
:root {
--pimery_color: #fff;
--accent: #FBD784;
}
/* BODY */
body {
font-family
浏览 1提问于2022-02-11得票数 0
我有一个固定定位的标题，当用户向下滚动容器div时，标题的高度会通过添加' header - fixed‘类来改变。它可以在Chrome和Explorer11上运行，但在Firefox42上不行，它就像一个绝对的div。奇怪的是，当我在‘开发人员工具面板(=inspect element)’中取消选中"poosition:fixed“，并再次选中它时，它工作了……
这是我的站点->
.header {
height: 20%;
text-align: right;
padding: 15px;
box-shadow: 5px 5px 1
浏览 0提问于2015-11-08得票数 0
1回答
我刚刚实现了这个引导表：
以下是它的html定义：
<div class="card card">
<div class="header">
<div class="typo-line">
<h4>Suivi des approbations</h4>
</div>
<!-- <h4 class="title">Table on Plain Background
浏览 1提问于2019-05-16得票数 2
回答已采纳
为什么在应用填充时<p>会在另一个<div>中结束，而不是在中展开它的div？
这是我的代码。最后，我尝试在<p>元素中添加一些填充来将其向下推，但是在它的div中。
我会在右上角有一个按钮，我想要它下面的文本，但不是由按钮覆盖。按钮将是z-index:999，并且相对于其div的位置。
编辑:这是完整的代码应该看起来的样子，试图包含内容。Clearfix在这里不工作，按钮有z-index:1，所以应该在顶部吗？
.clearfix::after {
display: block;
content: "";
c
浏览 5提问于2017-02-19得票数 0
回答已采纳
3回答
我有两个元素，一个用于header，另一个用于navbar。
我想应用z-index属性使header位于顶部，然后将navbar放在底部。
<div id="main">
<div id="header"><h2 id="logo">Logo</h2></div>
<div id="navBar"><span>x</span></div>
</div>
CSS
div#header {
浏览 2提问于2014-05-14得票数 0
回答已采纳
所以我一直在摆弄一个我正在重新设计的网站的HTML。多亏了，我已经非常自由地使用了闪亮的新HTML5标签。因此，我开始觉得我有很多杂乱的标签。例如：
<header>
<nav>
<h1 id="logo"><a href="/">Logo Image CSS'd in here</a></h1>
<ul>
<li><a href="/page-1">Page 1<
浏览 0提问于2012-08-15得票数 5
回答已采纳
我有一个网页，我正在尝试添加一个链接列表，使它们看起来像标签。这对所有主页都有效，但我想添加的新链接列表在不同的部分。
工作列表在
<body class="shadowbox">
<div class="full">
<div class="banner">
<div class="tab-header">
使用几个子div来创建各种标签和填充物。
检查元素显示它正在从"banner“获取字体系列。即使我把字体系列放在"tab-header“中，
浏览 1提问于2017-09-24得票数 1
我正在构建一个菜单控件，它由一个标题区域和一个包含链接的内容区域组成。
我最初隐藏了内容区域，然后当我将鼠标悬停在header上时调用SlideDown，当您离开header时调用SlideUp。我的问题是，如果你不喜欢内容区，我也想让它保持开放。
<div id="header">Header</div>
<div id="content">Content</div>
$('#header').hover(FadeMenuIn, FadeMenuOut);
function FadeMenuI
浏览 2提问于2010-07-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
