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 ...
最新文章
- 技术沙龙 | TeaTalk 带你深度探索 SDN 网络技术再创新
- python详细教程-Python入门教程:超详细1小时学会Python
- 上面两点下面一个三角形_这种胖胖的圆角三角形,在PPT里居然有这么多种画法!...
- 什么才是多线程安全的
- Django基本命令
- c语言初始化字符串 函数 manment,[转载]3.09进程(C语言班最后一天的课程)
- 条码生成 SDK - Zint 教程及示例
- windows 根据父进程pid查找所有子进程id(C++)
- 大兴服务器硬盘回收行情价格,回收服务器 硬盘 内
- 第二章 算法——程序的灵魂
- Java简单实现贪吃蛇经典小游戏(附源代码)
- RGB色彩模式下的色值与整数之间的互转方法
- 2000年前毕业,学历在学信网查不到解决方法
- 2021中国农业银行(浙江省分信息科技岗)春招笔试编程题(待更)
- XML详细入门教程[PDF]
- Docker 大热,还不了解 Dockerfile 你就OUT啦~
- FM33G0系列之低功耗
- 5 个好用的开发者 Vim 插件
- 如何下载python编译器,以及python 编译器如何使用 图文详解
- 【EVE-NG】模拟器打不开/分不到地址