首页 > 其他分享 >固定定位小技巧

固定定位小技巧

时间:2023-04-22 19:07:43浏览次数:33  
标签:定位 技巧 color background height width 固定 版心 margin

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>固定定位小技巧-固定到版心右侧</title>
    <style>
        .w {
            width: 800px;
            height: 1400px;
            background-color: pink;
            margin: 0 auto;
        }
        .fixed {
            position: fixed;
            /* 1. 走浏览器宽度的一半 */
            left: 50%;
            /* 2. 利用margin 走版心盒子宽度的一半距离 */
            margin-left: 405px;
            width: 50px;
            height: 150px;
            background-color: skyblue;
        }
    </style>
</head>
<body>
    <div class="fixed"></div>
    <div class="w">版心盒子 800像素</div>
  
</body>
</html>

标签:定位,技巧,color,background,height,width,固定,版心,margin
From: https://blog.51cto.com/u_15987796/6215422

相关文章

  • github 小技巧
    前言简单记一下github小技巧,因为经常忘。正文就是如何快速搜索到自己想找的项目。如果自己知道项目名,那么直接输入就可以搜索到。如果不是,那么一般要通过高级搜索。https://github.com/search/advanced内容不多说,进去就知道。文件查看技巧按t,可以进行文件搜索,方便......
  • Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
    一、开发常用的工具栏选项1、当前打开的文件快速在左侧资源树中定位:其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅2、打开太多文件的时候,可以关闭3、设置查看当前类或文件的结构OUTLINE相当于idea查看当前类或接口的结构Structure二、查看源码技巧:(1)Ctr+鼠标......
  • TypeScript 的实用技巧
    TypeScript的实用技巧类型别名和接口:使用类型别名或接口可以定义复杂的数据类型,提高代码的可读性和可维护性。泛型:使用泛型可以提高代码的复用性,使代码更加灵活。非空断言操作符(!):当开发者确定一个变量或属性不为null或undefined时,可以使用非空断言操作符(!)来告诉编译......
  • Ubuntu 22.04.01 设置固定静态IP
    环境Ubuntu22.04.01Serverx64进行修改打开终端,编辑网络配置文件sudovi/etc/netplan/00-installer-config.yaml编辑文件内容:network:ethernets:ens33:dhcp4:noaddresses:[192.168.1.100/24]optional:true......
  • Win11 删除右键固定到开始屏幕、快速访问
    Win11删除右键"固定到开始屏幕注册表路径: 计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shellex\ContextMenuHandlers删除: 删除名为PintoStartscreen的项目恢复: 新建名为PintoStartscreen的项目,默认数据:{470C0EBD-5D73-4d58-9CED-E91E22E23282}Win11删除......
  • HiveServer2 内存泄漏问题定位与优化方案
    1、前言HiveServer2属于Hive组件的一个服务,主要提供Hive访问接口,例如可通过JDBC的方式提交Hive作业,HiveServer2基于Java开发,整个服务运行过程中,内存的管理回收均由JVM进行控制。在JVM语言中的内存泄漏与C/C++语言的内存泄漏会有些差异,JVM的内存泄漏更多的是业务......
  • IntelliJ IDEA 中有什么让你相见恨晚的技巧?
    一、条件断点循环中经常用到这个技巧,比如:遍历1个大List的过程中,想让断点停在某个特定值。参考上图,在断点的位置,右击断点旁边的小红点,会出来一个界面,在Condition这里填入断点条件即可,这样调试时,就会自动停在i=10的位置二、回到"上一步"该技巧最适合特别复杂的方法套方法的场景,好不......
  • GPS定位坐标纠偏
    做过地图相关开发的同学肯定会遇到这样一个问题:同样的经纬度坐标,在不同的地图上位置不一样。那是因为大家用的不是同一个坐标系。不同的坐标系之间可能有几十到几百米的偏移,所以在开发基于地图的产品,或者做地理数据可视化时,我们需要修正不同坐标系之间的偏差。WGS-84世界大地测量......
  • 粘性定位
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatib......
  • 外汇短线怎么做?外汇五分钟短线交易技巧
    外汇短线交易,是指快进快出的一个炒外汇策略,持仓时间非常短。例如网上流行的外汇日内短线交易策略,使用这一类策略的人,从下单到平仓一般是控制在24小时内。下面来看看外汇五分钟短线交易技巧有哪些?1:薄利止损止盈交易由于外汇市场波动的相对比较剧烈,因此短线操作的投资者很难控制好最......