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
投稿猜你喜欢
- 显示一个字符串的前几个字符，asp中我们一般使用left(str,n)来获取。left有个不足就是处理汉字和英文字符是一样的，没有区分开，这
- 问题：有一个列表，每一个条目都是这篇文章的部分内容，类似这样：<div class="list">
- 用过软件的朋友都知道，进度条是一个优秀软件的重要组成部分。它的存在能够使用户及时掌握程序的运行进度，确认应用程序正常工作。可是ASP中似乎没
- 我想把存在数据库里的每天24小时来访者数另放到一个Excel文件中去，可以吗？可以，其实就是将数据库里面的内容生成一个Excel文件：toe
- 讨论Web开发技术的历史，当然要先说说Web的起源。众所周知，Web这个Internet上最热门的应用架构是由Tim Berners-Lee
- 利用FSO取得BMP，JPG，PNG，GIF文件信息：大小，宽、高尺寸等 ’:::::::::::::::::::::::::::
前言：最近某个时间开始，特别留意了一下Web标准中柱状图，也就是英文中的bar graph的实现。虽然实现方法各异，效果不尽相同，但是总体来- hmac主要应用在身份验证中，它的使用方法是这样的：1. 客户端发出登录请求（假设是浏览器的GET请求）2. 服务器返回一个随机值，并在会话
- 本文介绍了linux下如何备份与恢复mysql数据库。数据库备份是非常重要的。如果定期做好备份，这样就可以在发生系统崩溃时恢复数据到最后一次
- SQL Server数据库查询速度慢的原因有很多，常见的有以下几种：1、没有索引或者没有用到索引(这是查询慢最常见的问题，是程序设计的缺陷)
- 为什么使用事务 当对多个表进行更新的时候，某条执行失败。为了保持数据的完整性，需要使用事务回滚。 显示设置事务 代码如下:beg
- 由于ajax在跨域的访问上有问题,目前最好的方法是做代理.写了个代理程序和心得为了做ajax的代理,研究了下服务器端的xmlhttp并和客户
- 从这节开始,将会给大家介绍几个ASP中的三大通用类,它贯穿于我所设计的三层架构中,是对ASP语法的扩展,可以提高很多细节处理上的效率,可以算
- Opera, 作为 A-Grade 浏览器，在现在的前端开发中务必支持。它很优秀，很不幸，bug是每个浏览器都不可避免的问题，Opera亦难
- 桥接模式Bridge Pattern是什么桥接模式是一种结构型模式，它将抽象部分与实现部分分离开来，使它们可以独立地变化。在桥接模式中，我们
- 昨天晚上才发现已经出了jQuery的1.3版本，于是下载下来，把原来一个兄弟翻译的1.2.6的文档移植到了1.3中，点击这里可
- iframe的防插与强插（一）中介绍了“市面上”能见到的两种防御被第三方网站iframe的方法，以及相应的变态突破方法。貌似把“受害人”逼上
- 如果我们希望在网页的不同角落里放置不重复平铺的背景图，该怎么办呢？比如网页的背景要如图所示，并要求在不
- 有这样一类文章标题，喜欢学习的人肯定见过：使用Google的7个技巧Web设计中9个常见的可用性错误Adobe Photoshop 75个技
- 代码如下:'个人代码风格注释（变量名中第一个小写字母表表示变量类型） 'i:为Integer型; 's:为Strin
