html怎么解决头部不动,内容动,但内容盖住了头部
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html怎么解决头部不动,内容动,但内容盖住了头部相关的知识，希望对你有一定的参考价值。
参考技术A 不动的那部分z-index的值要大过动的部分。就可以反过来盖住内容了。为啥我们需要 HTML 头部中的元内容类型标签？
【中文标题】为啥我们需要 HTML 头部中的元内容类型标签？【英文标题】：Why do we need the meta content type tag in HTML head?为什么我们需要 HTML 头部中的元内容类型标签？ 【发布时间】：2011-05-31 10:58:16 【问题描述】：为什么我们需要像这样在 HTML 头部包含元内容类型标签？
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
【问题讨论】：
在 HTML5 中，您可以使用<meta charset="UTF-8" />。见***.com/questions/4696499/…
【参考方案1】：
每当网页在本地（从磁盘文件系统）打开时，text/html 部分将指示网络浏览器文档的类型，以便它知道如何解析它，charset=UTF-8 将指示网络浏览器哪个应该使用字符编码来显示网页上的字符，这样它就不会使用平台默认编码（这可能不一定是正确的编码，因此最终可能会成为mojibake）。
重要的细节是，当页面由 HTTP 通过 Web 提供时，不会使用此 HTML 元标头。相反，将使用 HTTP 响应标头中的 Content-Type。因此，如果在内容被实际上解码为 UTF-8 时缺少 charset=UTF-8 部分，那么它很可能会变成 mojibake。您可以在 Net 面板中使用例如 Firebug 来确定 Content-Type 标头。
【讨论】：
同样重要的是：不能保证charset=utf-8 确实提供编码为 UTF-8 的内容，除非您在应用程序（可能也是数据库）中采取了适当的措施来确保您不会最终显示 mojibake 或 MS 智能报价！ :)
你在哪里写的实际上解码为UTF-8，你不是说实际编码为UTF-8，还是我糊涂了？
W3C 建议不为此使用 HTTP 标头，而是更喜欢在前 1024 个字节中使用文档内的 meta 标记：w3.org/International/questions/qa-html-encoding-declarations
@T.J.Crowder：没错，但不清楚这与答案有何关系。您的评论的表述方式似乎暗示答案不推荐使用元标记，而用户应该使用 HTTP 标头。但答案并非如此。答案只是说明您应该知道当 HTTP 标头存在时元标记将被忽略。
“重要的细节是，当页面通过 HTTP 在 Web 上提供时，没有使用这个 HTML 元标头。” 是我认为需要修改的一点，因为如果 HTTP Content-Type 标头没有 charset，则使用 meta 标头 。可能只需要“......在这种情况下”和交互的解释。 （如果你愿意，很乐意去做，如果你愿意，也可以留给你。:-)）【参考方案2】：
元元素通常用于指定页面描述、关键字、文档作者、上次修改时间和其他元数据。
您发布的元标记将指示浏览器具有text/html 类型的文档，其字符集或语言设置为UTF-8。
用于声明字符集。
元内容类型标签用于 声明一个字符集 网站。它已成为推荐 始终使用元内容类型标签 即使您使用 DTD 声明 标题上方。如果你做不到 所以，它可能会导致显示问题。为了 例如，文档可能使用 UTF-8 标点符号但是是 以 ISO 或 ASCII 字符显示 套。还有其他好处 使用元内容类型标签。 只需订阅我们的 SEO 革命 通讯（名义收费会员） 全面了解 Meta 内容类型标签可以为您的网站做些什么
查看更多信息：
Meta Tags Explained【讨论】：
【参考方案3】：以便浏览器知道如何解码页面 - 例如：根据语言，最终结果可能会有很大差异。
【讨论】：
以上是关于html怎么解决头部不动,内容动,但内容盖住了头部的主要内容，如果未能解决你的问题，请参考以下文章
SwiftUI刷新List内容导致其父Section头部显示不正确的解决
jquery-mobile.js这个做手机页面，怎么只让他中间组件可以上下拉动，而头部和底部组件，不动，一直显示
网站的头部导航条设置了style="position:fixed;height:0px;" 之后，下面的内容就被导航条遮挡住了。