CSS position 属性
定义和用法
position 属性规定元素的定位类型。
说明
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
值 | 描述 |
---|---|
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 属性的值。 |
转载注明出处:www.meidanlong.com
CSS position 属性相关推荐
- html中position属性默认值,CSS position 属性总结
CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~ 下面是总结内容~ 有疏漏.错误之处敬请指出!o(^▽^)o 一.简介 定义:posi ...
- CSS position属性absolute relative等五个值的解释
目前几乎所有主流的浏览器都支持position属性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE浏览器,IE9.IE10还没测试 ...
- 详解CSS position属性
原文地址:http://luopq.com/2015/11/15/css-position/ position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父 ...
- CSS:position属性的区别
CSS中position属性的区别 static 即没有定位,遵循正常的文档流对象,会忽略top,left,bottom,right的作用: fixed 相对于浏览器可视区固定位置: 脱离文档流,不占 ...
- 详解CSS position 属性
文章目录 一.什么是position? 二.static 静态定位(默认) 三.absolute 绝对定位 3.1 absulote 嵌套用法 同一个父元素 3.2 absulote 嵌套用法 四.r ...
- CSS position 属性:绝对定位与相对定位,以及浮动
以前一直很模糊定位原理,以为absolute与relative必须配合使用,使用absolute必须父标签必须设置为relative. 可能的值:absolute,fixed,relative,sta ...
- css position属性
position 属性规定元素的定位类型. 主要属性有:static,fixed,relative,absolute ,下面一一来说明下 static:默认值.没有定位,元素出现在正常的流中(忽略 t ...
- CSS position(定位)属性
关于CSS position,来自MDN的描述: CSS position属性用于指定一个元素在文档中的定位方式.top.right.bottom.left 属性则决定了该元素的最终位置. 然后来看看 ...
- 总结一下CSS中的定位 Position 属性
在CSS中,Position 属性经常会用到,主要是绝对定位和相对定位,简单的使用都没有问题,尤其嵌套起来,就会有些混乱,今记录总结一下,防止久而忘之. CSS position 属性值: absol ...
最新文章
- 展望2018:WebRTC大规模商用元年
- React 组件学习
- 文巾解题 15. 三数之和
- 数据结构与算法之递归系列
- 如何给PDF文件交换页面?操作方法你知道吗?
- 为了支持AOP的编程模式,我为.NET Core写了一个轻量级的Interception框架[开源]
- Magento报错“No Input File Specified”的解决方法
- EasyDarwin开源流媒体服务器如何实现按需推送直播的
- SpringBoot_Redis配置
- 阿里、字节年薪百万的测开专家,都在关注哪些前沿技术
- 深入理解深度学习中的【卷积】和 feature map
- 2016年4月计算机网络原理,2015年4月04741计算机网络原理试题及答案
- 苹果手机怎样软件签名?
- 线性共轭梯度法python_基于Python共轭梯度法与最速下降法之间的对比
- mysql主从怎么确保数据一致_如何保证主从复制数据一致性
- Simple Contrastive Representation Adversarial Learning for NLP Tasks
- 如何做好基层管理者(二)
- 北京搬家货运公司汇总
- hadoop远程调试所遇到的一些异常
- 人生就是一次充满未知的旅行,在乎的是沿途的风景,在乎的是看风景的心情, 旅行不会因为美丽的风景终止。