源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> div.fixed { position: fixed; bottom: 0; right: 0; width: 300px; border: 3px solid #73AD21; } </style> </head> <body> <h2>position: fixed;</h2> <p>position: fixed; 位于相对于视口,这意味着它总是停留在同一个地方,即使页面滚动:</p> <div class="fixed"> 这个div元素的position: fixed; </div> </body> </html>
运行结果