首页 > 其他分享 >css 相对定位与绝对定位

css 相对定位与绝对定位

时间:2024-02-01 21:45:28浏览次数:32  
标签:定位 ... 绝对 相对 5px position css

 这种效果,如果来实现呢?一般会有一些三方的组件,比如Icon 图标 van-icon。

 

 也可以手工写下: 

<div class="container">
   <div class="item_dot">
   </div>
</div>

容容

.container{
   position: relative; /* 容器采用相对定位 */
  ...
}

右侧角标   

.item_dot{
   position: absolute;
   top:5px;
   right:5px;
   ...
}

 

标签:定位,...,绝对,相对,5px,position,css
From: https://www.cnblogs.com/jiduoduo/p/18002178

相关文章

  • 从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架
    项目代码以上传至码云,项目地址:https://gitee.com/breezefaith/vue-ts-scaffold目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite详细步骤Node.js安装创建以typescript开发的vue3工程集成Pinia安装pinia修改main.ts创建一个store在组件中使用store集......
  • js获取/设置css变量
    -<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><st......
  • CSS遮罩mask【详解】
    参考:https://blog.51cto.com/u_15715491/5465418我刚开始看到mask这个词语,就想起了口罩,但是我试用了一下,很奇怪与生活中的口罩理解有很大差别,生活中戴上口罩后肯定就看不到嘴巴了,只能看到口罩的颜色图案样式等,CSS3中使用了mask后,反而遮罩层的颜色图案样式全没了,被遮罩的元素只会......
  • SpringBoot中两种常用定位切点的方法
    有时候,我们使用AOP来进行放的增强,编写切面类的时候,需要定位在哪个方法上试用该切面进行增强,本文主要讲解两种在SpringBoot中定位切点的方法,一种是使用execution表达式的方法,一种则是利用自定义注解的方法。execution表达式execution表达式的方式主要是在定义切点的时候,通过表达......
  • css中的resize设置、高度没有对齐、表单在校验、边框发生重叠
    小知识点汇总css❓:css中的resize设置......
  • CSS规则集详解
    整个结构称为规则集(规则集通常简称规则),注意各个部分的名称:选择器(Selector)HTML元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素(在这个例子中就是 <p> 元素)。要给不同元素添加样式,只需要更改选择器。声明(Declaration)一个单独的规则,如 color:red; 用来指......
  • CSS的单位
    我们在布局或者设置字体大小的时候经常看到:22px;,px其实是css里面长度单位绝对长度px*像素(1px=1/96thof1in)cm厘米mm毫米in英寸(1in=96px=2.54cm)相对长度em它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认......
  • Android原生定位
    使用LocationManager和LocationListener结合进行简单定位功能1.创建LocationManagerLocationManagerlocationManager=(LocationManager)this.getSystemService(Context.LOCATION_SERVICE);2.创建LocationListenerprivatefinalLocationListenerlocationListener=newLocati......
  • 【UI自动化基础】元素定位
    元素定位元素定位的定义元素定位是指查找元素HTML代码的过程元素HTML代码指的是从开始标签到结束标签之间的所有代码find_element定位一个元素find_elements定位多个元素元素定位方法by_id当元素具有id属性时,可以通过by_id定位元素方法:driver.find_element_by_id('id......
  • 【APP自动化测试】APP元素定位工具
    appium做移动端自动化测试,定位元素工具uiautomatorviewerAppiumInspectorweditor前置条件:已连接真机或手机模拟器,adbdevices有显示连接的手机列表。uiautomatorvieweruiautomatorviewer是android-sdk自带的一个元素定位工具,目录D:\xxx\android-sdk-windows\tools。......