固定定位的小案例：招生广告

最新推荐文章于 2023-04-12 13:23:05 发布

猫与猫寻

最新推荐文章于 2023-04-12 13:23:05 发布

阅读量153

点赞数

分类专栏：前端html 文章标签：定位 html 广告 css

本文链接：https://blog.csdn.net/a1399028618/article/details/118851198

版权

前端html 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

<h1>固定定位的小案例：招生广告</h1>
    <div class="ads">
        <button onclick="this.parentNode.style.dispaly=“none">X</button>
        <h2>第八期招生</h2>
        <h1>报名进行中...</h1>
    </div>

css

body {
    height: 2000px;
}

.ads {
    width: 250px;
    height: 250px;
    background-color: lightskyblue;
    /* 固定定位 */
    position: fixed;
    /* 右下角  */
    bottom: 0;
    right: 0;
}