当前位置 : 主页 > 手机开发 > harmonyos >

前端歌谣的刷题之路-第十九题-固定定位

来源:互联网 收集:自由互联 发布时间:2023-10-08
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再


 

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣

题目

请将html模块类为"box"的div元素固定在视口的左上角。

前端歌谣的刷题之路-第十九题-固定定位_牛客网

前端歌谣的刷题之路-第十九题-固定定位_牛客网_02编辑

 核心代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>固定定位</title>
  <style type="text/css">
    .box {
        width: 100px;
        height: 100px;
        /*补全代码*/
        position:fixed;
        left: 0;
        top: 0;
        
    }
</style>
</head>
<body>
  <!-- 请将html模块类为"box"的div元素固定在视口的左上角。 -->
  <div class='box'></div>
</body>
</html>

前端歌谣的刷题之路-第十九题-固定定位_html_03

总结

主要考察定位知识的使用 position fixed相对于视口定位



上一篇:前端歌谣的刷题之路-第二十题-css单位一
下一篇:没有了
网友评论