内容
可以使用CSS的固定定位(fixed positioning)来固定标题,从而避免标题将内容向下推的问题。示例如下:
HTML代码:
标题
内容
CSS代码:
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
main {
padding-top: 100px;
}
在上面的代码示例中,使用固定定位将标题固定在页面顶部。然后使用padding-top属性为内容区域留出与标题同等的空间,以避免标题将内容向下推的问题。
上一篇:标题混合模式在标题上无法应用背景