定义和用法

position 属性规定元素的定位类型。

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

默认值:

static

继承性:

no

版本:

CSS2

JavaScript 语法:

object.style.position="absolute"

实例

定位 h2 元素:

h2

{position:absolute;left:100px;

top:150px;

}

TIY

浏览器支持

所有主流浏览器都支持 position 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

描述

absolute

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed

生成绝对定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative

生成相对定位的元素,相对于其正常位置进行定位。

因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

inherit

规定应该从父元素继承 position 属性的值。

inherit

css 悬浮窗口,css下实现悬浮层效果相关推荐

  1. android 悬浮窗口禁止横屏显示,悬浮窗强制设置屏幕方向|App开发交流区|研发交流|雨滴科技技术论坛 - Powered by Discuz!...

    最近在做平板上的一个程序,需要配合中通的app来控制扫描与分拣机的转动.然后中通的程序在平板上运行有一个问题, 就是app里设置了强制竖屏,不能跟随系统旋转应用屏幕方向,然后把系统里的屏幕方向写死,虽 ...

  2. 用css动画写一个下红包雨的效果

    红包雨的功能相信大家都做过,不过一般都是用js计算的,闲着无聊用css的样式写了类似的,主要用的是css的transform和animation结合.大概代码逻辑: @keyframes startH ...

  3. html鼠标悬停弹出,纯css实现鼠标滑过弹出层效果

    复制代码代码如下: 无标题文档 *{margin:0; padding:0;} /* 所有元素外边距为0 内边距为0 */ /* body中元素字体大小为12px,字体样式为:"Times ...

  4. android 悬浮窗口代码,Android实现悬浮对话框代码

    先给大家展示下效果图,大家觉效果满意,请参考实现代码. 直接上代码: private void setDialog(){ View view = getLayoutInflater().inflate ...

  5. android 添加随意拖动的桌面悬浮窗口,android 添加随意拖动的桌面悬浮窗口

    用过新版本android 360手机助手都人都对 360中只在桌面显示一个小小悬浮窗口羡慕不已吧? 其实实现这种功能,主要有两步: 1.判断当前显示的是为桌面.这个内容我在前面的帖子里面已经有过介绍, ...

  6. android悬浮窗口的实现

    当我们在手机上使用360安全卫士时,手机屏幕上时刻都会出现一个小浮动窗口,点击该浮动窗口可跳转到安全卫士的操作界面,而且该浮动窗口不受其他activity的覆盖影响仍然可见(多米音乐也有相关的和主界面 ...

  7. android多个悬浮窗口,android 添加随意拖动的桌面悬浮窗口

    用过新版本android 360手机助手都人都对 360中只在桌面显示一个小小悬浮窗口羡慕不已吧? 其实实现这种功能,主要有两步: 1.判断当前显示的是为桌面.这个内容我在前面的帖子里面已经有过介绍, ...

  8. [译] CSS 变量实现炫酷鼠标悬浮效果

    原文: Stunning hover effects with CSS variables 我的博客:[译] CSS 变量实现炫酷鼠标悬浮效果 我最近从Grover网站上的有趣的悬停动画中获得灵感.将 ...

  9. css 让div悬浮,纯CSS实现DIV悬浮(固定位置)

    纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗等.效果如下: 实现代码: DIV悬浮示例-纯C ...

最新文章

  1. java 什么时候进行垃圾回收_Java中垃圾回收有什么目的?什么时候进行垃圾回收?...
  2. sudo命令_如何在非 sudo 用户下运行 docker 命令?
  3. C#~异步编程再续~await与async引起的w3wp.exe崩溃-问题友好的解决
  4. Xcode的SVN提示The request timed out.的解决方案
  5. oracle客户端没有deinstall.bat,Oracle数据库11gR2的卸载 - deinstall
  6. 浅析JavaScript解析赋值、浅拷贝和深拷贝的区别
  7. Debian GNU Linux 4.0 r4
  8. 2017.3.26 最长双回文串 思考记录
  9. 程序员的代码写的再牛也没有马伊琍文章的分手语牛!
  10. java实现内存修改器_魔兽3内存修改器 v8
  11. jQuery 效果函数
  12. ffmpeg音视频编码入门:音频解码(acc/mp3 转 pcm)
  13. jQuery EasyUI/TopJUI输入框事件监听
  14. 记一次js调试(attachEvent, onchange, onpropertychange)
  15. TreeSet 和 TreeMap 排序
  16. 一个空间多个php网站,一个空间多个域名多个网站的办法汇总
  17. java对数组进行排序
  18. E1000 与 VMXNET3的 区别
  19. 云原生到底是什么?一文了解云原生四要素!
  20. 关于精准打击自签名伪造SSL/TLS “受信任域名证书”的方案

热门文章

  1. 背景图片定位,水平居中和垂直居中
  2. 硅谷开始玩中国玩剩下的了?
  3. (四)Docker网络可视化面板
  4. 加州大学欧文分校 计算机工程,美国加州大学欧文分校计算机工程本科.pdf
  5. omi html转义,特殊字符读法
  6. 出现错误“0x7c938fea指令引用的0x00000010内存。该内存不能为written。”的另一种可能性
  7. Linux基础第一课——基础知识了解
  8. word无法打开请去应用商店_抖音去水印 | HTTP Catcher方法全解析
  9. reduceByKey一个巧妙的用法
  10. STM32-SPI资料整理