Question

即使你向下滚动，我也试图让一个粘性标题保持在窗口的顶部，但是正文中的文本显示在标题的位置。我如何将其保留在下面？

<html>
<head>
<div style="position:Fixed;height:60px;width:100%;background-color:#121212""
    <meta charset="utf-8">
    <title>Example Title</title>
</head>

<body style="background-color:#C5C5C5;">
    <p> Hello!
</body>

Answer 1

DEMO

<body style="background-color: #C5C5C5;">
    <div class="head">
        <p>Hello!</p>
    </div>
    <div>Your content here.</div>
</body>

Answer 2

你错误地实现了html，head标签 div应该保留在标签内

<html>
<head>

    <meta charset="utf-8">
    <title>Example Title</title>
</head>

<body style="background-color:#C5C5C5;">
<div style="position:Fixed;height:60px;width:100%;background-color:#121212"></div>
    <p> Hello!</p>
</body>
</html>

Answer 3

请勿在{{1}}代码中使用div。

HTML <head>元素位于代码中。

下面的示例是，带滚动的正文。检查此 Fiddle

<div>

<body style="background-color:#C5C5C5;"> <div style="position:Fixed;height:60px;width:100%;background-color:#121212"></div> <p style="height:1000px;position:relative;display:block;top:60px;"> Hello! </p> </body>元素必须包含文档的标题，并且可以包含脚本，样式，元信息。

以下元素可以放在元素中：

<head>

我似乎无法让身体保持低于头部？

3 个答案: