大漠雪关山月

关注

固定头部

大漠雪关山月

关注

阅读 59

2022-07-27

<div>
<header></header>
<main></main>
</div>

我们可以使用定位的两种方式来固定头部。

Fixed

header {
position:fixed;
top: 0;
width: 100%;
}

main {
margin-top: 50px;
}

Sticky

header {
position: sticky;
top: 0;
}

​​测试效果​​

相关推荐

JamFF

css固定头部和首列

JamFF 74 0 0

求阙者

移动端table固定头部和左侧栏

求阙者 54 0 0

德州spark

微信小程序固定头部-CSS实现

德州spark 15 0 0

爱做梦的老巫婆

头部和尾部固定中间自适应的布局

爱做梦的老巫婆 84 0 0

小北的爹

把头部固定在顶部,input里的文字向右偏移,清除浮动

小北的爹 24 0 0

westfallon

兼容ie6/ie7浏览器抖动的头部固定css

westfallon 167 0 0

棒锤_45f2

http头部

棒锤_45f2 41 0 0

码农K

Web开发:头部

码农K 26 0 0

快乐小鱼儿_9911

ios微信小程序table头部与左侧固定双重滚动会抖动的坑,解决思路

快乐小鱼儿_9911 48 0 0

Gaaidou

OpenGL ES 实现头部形变和头部晃动效果

Gaaidou 76 0 0

精彩评论(0)

0 0 举报