CSS定位属性Position详解
作者：帕兰 来源：帕兰映像 发布时间：2009-09-16 20:37:00
标签：css,定位,position
CSS中最常用的布局类属性，一个是Float(CSS浮动属性Float详解)，另一个就是CSS定位属性Position。
1. position:static
所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。
一般来说，不用指定 position:static，除非想要覆盖之前设置的定位。
#div-1 {
position:static;
}
2. position:relative
如果设定 position:relative，就可以使用 top,bottom,left 和 right 来相对于元素在文档中应该出现的位置来移动这个元素。【意思是元素实际上依然占据文档中的原有位置，只是视觉上相对于它在文档中的原有位置移动了】
#div-1 {
position:relative;
top:20px;
left:-40px;
}
3. position:absolute
当指定 position:absolute 时，元素就脱离了文档【即在文档中已经不占据位置了】，可以准确的按照设置的 top,bottom,left 和 right 来定位了。
#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
0
投稿猜你喜欢
正则表达式中的符号例子 | 是或的关系，只要存在就会被捕获匹配到的数据只按字符串顺序返回，而不是按照匹配规则返回In [18]:- 上传图片： if (!empty($_FILES["img"]["name"])) { //提取文件
- 原文地址第一次翻译文章，请各路人士多多指教！类型和接口因为映射建设在类型的基础之上，首先我们对类型进行全新的介绍。go是一个静态性语言，每个
- mysql数据库版本从5.6.28升到8.0.11过程中部署项目时遇到的问题和解决方法，具体介绍如下所示：首先这个项目用到了hibernat
- 先发官方文档的地址：官方文档学习使用的书籍是Python网络数据采集（Ryan Mitchell著），大约是一些笔记的整理。Beautifu
- 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档协程：协程（Coroutine），也可以被称为微线程，是一种用户态内的上下文
- 本文实例展示了Java采用setAsciiStream()方法检索数据库的实例代码。使用参数查询必须在SQL 语句执行之前对参数进行赋值，赋
- 本文实例为大家分享了vue无缝滚动组件vue-seamless-scroll的具体实现代码，供大家参考，具体内容如下下载cnpm i -S
- #!/usr/bin/env/ python#coding=utf-8import mechanizeimport cookielib# C
- 比较两个时间序列在图形上是否相似，可以通过以下方法：1.可视化比较：将两个时间序列绘制在同一张图上，并使用相同的比例和轴标签进行比较。可以观
- 本文实例讲述了Python多线程应用于自动化测试操作。分享给大家供大家参考，具体如下：多线程执行测试用例实例：import threadin
- 一、元素偏移量 offset 系列offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）
- 前言MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库
- 五花八门的SQL产品多得要命，或许你早顾不得其它甩开袖子就动手干了。但你要同时采用ASP和SQL的话就可能会头晕。MySQL、SQL Ser
- 通过百度云API接口抽取得到产品评论的观点，也掠去了很多评论中无用的内容以及符号，为后续进行文本主题挖掘或者规则的提取提供基础。工具 1、百
- 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑
- image.jsp------------------------------生成随机验证码图片的Jsp页面 代码如下： <
- 可视性的问题几乎在每次不同产品的用户测试中都会出现：用户总是对页面的某些元素、功能视若无睹，或根本无视。基于此，对这个问题进行了一番小小的研
- FTP即文件传输协议；它基于客户机-服务器模型体系结构，应用广泛。它有两个通道：一个命令通道和一个数据通道。命令通道用于控制通信，数据通道用
- 本文实例讲述了python中while循环语句用法。分享给大家供大家参考。具体如下：number = 1while number <
