追境的笔记

# 一行代码实现吸顶效果

<style>
  ul{
    position: sticky;
    display: flex;
    list-style: none;
    top: 0px;
    background: blue;
    line-height: 100px;
  }
  li{
    flex:1;
  }
  p{
    height: 500px;
    background: red;
  }
</style>
<body>
  <p>祝愿曹泽鹏2021财源广进，阖家欢乐</p>
  <ul>
    <li>首页</li>
    <li>联系我们</li>
    <li>关于我们</li>
    <li>测试1</li>
    <li>测试2</li>
  </ul>
  <p>祝愿曹泽鹏2021财源广进，阖家欢乐</p>
  <p>祝愿曹泽鹏2021财源广进，阖家欢乐</p>

</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

← animation 动画 →