固定

转载于 2016-12-04 01:26:00 发布 · 68 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pengxin/p/6130142.html

本文介绍了一种使用HTML和CSS实现固定位置返回顶部按钮的方法，并展示了如何在一个页面中排列多个图片。通过简单的样式设置，可以使得按钮始终显示在屏幕右下角，方便用户快速回到页面顶部。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    .n1{
        width: 50px;
        height: 50px;
        border:1px solid;
        background-color: #999;
        position: fixed;    
        right: 50px;
        bottom: 100px;

    }
    </style>
</head>
<body>
    <div class="n1"><a href="#">返回<br>顶部</a></div>
    <div class="n2">
    <img src="images/2.jpg">
    <img src="images/2.jpg">
    <img src="images/2.jpg">
    <img src="images/2.jpg">
    <img src="images/2.jpg">
    <img src="images/2.jpg">
    </div>
</body>
</html>