CSS基础(十八)--Position之fiexd固定位置

随笔记录方便自己和同路人查阅,学习CSS时最好先学会HTML。

#------------------------------------------------我是可耻的分割线-------------------------------------------

fiexd固定位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
</head>
<body>
    <div style="background-color:black;color:white;
    position:fixed;
    bottom:20px;
    right:20px;
    ">返回顶部</div>
    <div style="height:5000px;background-color:#dddddd"></div>
</body>
</html>

效果:

bottom:0;表示在底部,right:0;表示在最右边;top:0;表示最上边

原文地址:https://www.cnblogs.com/lirongyang/p/11303704.html