在网页开发中,很多时候需要让页面上的标题固定,不随着页面的滚动而移动。这在一些需要让用户快速浏览页面内容的情况下非常重要。那么,如何实现这一功能呢?其实非常简单,只需要使用CSS中的position属
css .fixed-title { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
<html> <head> <style> .fixed-title { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: #f7f7f7; padding: 10px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ddd; } p { line-height: 1.5; font-size: 14px; margin-bottom: 20px; } </style> </head> <body> <div class="fixed-title">这是一个固定的标题</div> <p> 这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。 </p> <p> 这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。 </p> <p> 这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。这是一段测试文本,用于测试如何让标题固定。 </p> </body> </html>
粉丝
0
关注
0
收藏
0