Javascript 收割台未停留在其容器的绝对中心

我是一个试图学习如何创建网站的学生

我的页眉这一天将居中显示，但是当我更改页面的分辨率和大小时，它不会相对于下面的内容居中。下面是我页面的CSS和HTML内容

身体{ 保证金：0； 填充：0； 颜色：000； 背景色：eee； 字号：1em； 字体系列：Helvetica、Arial、Geneva、无衬线字体； 线高：1.3； } h1{ 保证金：0； 线高：1； } h2，h3，h4，h5，h6{ 宽度：100%； 保证金：0自动； 文本对齐：居中； } p{ 边缘：0.01米； } .集装箱{ 保证金：0； 背景色：FFF； } .横幅{ 颜色：fff； 填料：2米； 背景色：000； 边框底部：1px实心333； } .导航{ 浮动：左； 宽度：20%； 左缘：5%； 垫面：2米； 垫底：2米； } .手风琴{ 背景色：eee； 颜色：444； 光标：指针； 填充：18px； 宽度：75%； 文本对齐：左对齐； 边界：无； 大纲：无； 过渡：0.4s； } .活动，.手风琴：悬停{ 背景色：ccc； } .小组{ 填充：0 18px； 背景色：白色； 显示：无； 溢出：隐藏； 字体大小：14px； } .内容{ 浮动：左； 宽度：50%； 垫面：2米； 垫底：2米； 利润率：010%； } .页脚{ 明确：两者皆有； 颜色：fff； 背景色：000； 填料：2米； 文本对齐：右对齐； 边框顶部：1px实心333； } ol{ 浮动：左； 宽度：90%； 保证金：自动； 文本对齐：居中； } 保险商实验室{ 浮动：左； 宽度：90%； 保证金：自动； 文本对齐：居中； 垫底：1米； } iframe{ 浮动：左； 对齐：居中； 左：10%； } RWBY歌词 第一卷 第二卷 这里是第二卷歌曲

第三卷 这里是第三卷歌曲

第四卷 这里是第四卷歌曲

var acc=document.getElementsByClassNameaccordion； var i； 对于i=0；i问题不在于页眉，而是因为您不恰当地使用了ols和uls—它们在其中的元素上放置了缩进

将您的html从

<h2>
This Will Be The Day
</h2>
<ol>They see you as small and helpless;</ol>
<ol>They see you as just a child.</ol>
<ul>Surprise when they find out that a warrior will soon run wild.   </ul>

ul和ol是不必要的，您可以省略它们。把整个歌词放在一个段落p中，然后在每行的末尾换行

如果你想标题，这将是h2和歌词p一起去的日子，当你调整窗口大小，你应该g 我喜欢他们同样的风格。例如：

h2 {
margin: 2em;
text-align: left;
padding: auto;
}

p {
margin: 2em;
text-align: left;
padding: auto;
}

结果如下：

身体{ 保证金：0； 填充：0； 颜色：000； 背景色：eee； 字号：1em； 字体系列：Helvetica、Arial、Geneva、无衬线字体； 线高：1.3； } h1{ 保证金：0； 线高：1； } h2，h3，h4，h5，h6{ 边缘：2米； 文本对齐：左对齐； 填充：自动； } p{ 边缘：2米； 文本对齐：左对齐； 填充：自动； } .集装箱{ 保证金：0； 背景色：FFF； } .横幅{ 颜色：fff； 填料：2米； 背景色：000； 边框底部：1px实心333； } .导航{ 浮动：左； 宽度：20%； 左缘：5%； 垫面：2米； 垫底：2米； } .手风琴{ 背景色：eee； 颜色：444； 光标：指针； 填充：18px； 宽度：75%； 文本对齐：左对齐； 边界：无； 大纲：无； 过渡：0.4s； } .活动，.手风琴：悬停{ 背景色：ccc； } .小组{ 填充：0 18px； 背景色：白色； 显示：无； 溢出：隐藏； 字体大小：14px； } .内容{ 浮动：左； 宽度：50%； 垫面：2米； 垫底：2米； 利润率：010%； } .页脚{ 明确：两者皆有； 颜色：fff； 背景色：000； 填料：2米； 文本对齐：右对齐； 边框顶部：1px实心333； } iframe{ 浮动：中间； 边缘：2米； 文本对齐：居中； 填充：自动； } } RWBY歌词 第一卷 第二卷 这里是第二卷歌曲

第三卷 这里是第三卷歌曲

第四卷 这里是第四卷歌曲

var acc=document.getElementsByClassNameaccordion； var i； 对于i=0；i 我强烈建议您查看位于的RWBY Wiki以了解更多信息。

---

h1{页边距：0；行高：1；文本对齐：居中；}您正在谈论的页面的页眉这一天会是正确的吗？查看您的代码…您甚至可以删除ol和ul的样式elements@flauto.2如果它解决了你的问题，请考虑接受我的回答。谢谢你帮了大忙！我将立即在站点中实现它。我感谢你的帮助！

p.poem {
  text-align: center;
}

h2 {
margin: 2em;
text-align: left;
padding: auto;
}

p {
margin: 2em;
text-align: left;
padding: auto;
}