html - 固定标题自动调整大小

标签 html css

我遇到一种情况,我需要一个可变大小的固定/卡住页面标题,页面的其余部分可以滚动。

如果我使用 position: fixed在标题上,我的内容与标题重叠。如果我固定标题和内容的位置和大小,这两个区域可以根据标题的大小重叠(或不相邻)(正如我所说,可以更改)。

当前页面有一个<div> header 和 <table>内容在哪里。

最佳答案

如果您有标题和内容 div,例如:

<div id=header></div>
<div id=content></div>

您需要使用 margin-top:(无论您的标题高度是多少)来设置内容样式;

您还需要为您的内容 div 提供 position: relative; 以及两者的 z-index。 header 的 z-index 数字越大,内容的数字越小。

关于html - 固定标题自动调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20548744/

相关文章:

javascript - 调用窗口模糊时避免元素模糊处理程序(浏览器失去焦点)

css - Chrome 和 Safari 中的 -moz- -webkit- -o- 错误

javascript - 如何使图像覆盖html中的完整部分

javascript - 数据动画 Bootstrap 轮播效果不起作用

CSS3 Bootstrap 4 如何使用内联输入处理输入错误消息

java - 由于隐藏的输入,带有复选框的 Thymeleaf Spring 表单会生成嘈杂的 url

php - 向 Wordpress header.php 添加多个 css

javascript - 如何从输入框中读取数据并存储在 JSON 文件中?

php - 每个页脚的 Wordpress 不同图像

html - Html 中的表结构