隐藏页面特效

定位元素position三大取值

absolute

relative

fixed

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box1 {
            /* absolute_定页面 */
            /* relative_定自己*/
            /* fixed_定电脑 */
            position: fixed;
            top: 50px;
            left: 50px;
            background-color: blue;
            width: 100px;
        }
        
        .box2 {
            background-color: red;
            width: 100px;
            height: 10000px;
        }
    </style>
</head>

<body>
    <div class="box1">有定位</div>
    <div class="box2">无</div>
</body>

</html>

__EOF__

本文作者：ice猫猫3
本文链接：https://www.cnblogs.com/icemiaomiao3/p/14123660.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！
posted @   ice猫猫3  阅读(168)  评论(1)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示