CSS Position
作者：糖伴西红柿 来源：前端观察 发布时间：2009-05-17 14:27:00
标签：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;}
4. position:relative + position:absolute
如果我们给 div-1 设置 relative 定位，那么 div-1 内的所有元素都会相对 div-1 定位。如果给 div-1a 设置 absolute 定位，就可以把 div-1a 移动到 div-1 的右上方。
#div-1 { position:relative;}#div-1a { position:absolute; top:0; right:0; width:200px;}
0
投稿猜你喜欢
一.背景在现在的网站中，接入的渠道是越来越多了，技术也是越来越先进，WAP, SMS,EMAIL, 传统的Web, Socket等等，如果连- 这篇分享几个在地址栏实现的Javascript有趣效果和应用。能在浏览器地址栏实现的效果太多了，字体放大、显示所有图片、显示Cookie等等
- 先看一下br怎么玩转“清除浮动”了。使用以下代码<br clear="all" />以下是代码效果演示：运行
- 自己写的一个自动完成效果，暂时没有ajax数据源，用静态数据代替。仅供喜欢JavaScript的同学们参考，代码如下<!DOCTYPE
- 阅读上一篇：一个完美网站的101项指标.第三部分.易用性 设计体现了一个网站的艺术素养，然而并不是说您应当过分设计，设计风格应结合您的行业，
- mysql优化了所以先说说这个，其实这个，很复杂，对于不同的网站，其在线，访问量，帖子数量，网络情况，以及机器配置都有关系，优化不是一次可以
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 8 - Input Filtering Part
- 增强的toggleClass()1.toggleClass也可以和addClass一样，用空格分隔多个class名称了。.toggleCla
- 如何用ADO批量更新记录？是的，ADO有这项功能，不过好像用的人不太多（不了解还是不会用呢？）：<HTML> &nbs
- 最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。问题一：提交的关键字是哪个？凡客的这个例子中，搜索建议“时尚斜拉链
- 今天做项目时，有一个这样的需求，需要动态删除的Tab，比如：可以删除某一个，可以删除多个。每一个Tab对应一个iframe。本来我的代码是这
- 一、为图片添加水印 代码如下:<％ Dim Jpeg ””//声明变量 Set Jpeg = Server.CreateObject(
- 如何做一个树状展开视图来显示自己的记录结构？在SQL中，如何做一个可收起和展开树状结构图？就是资源管理器左栏的那种效果。这要用到Data s
- 有这样一个要求，它要创建一个SQL Server查询，其中包括基于事件时刻的累计值。典型的例子就是一个银行账户，因为你每一次都是在不同的时间
- 1、简述asp的6个内置对象和其功能答案 : session ,server ,response,request,objectcontext
- 核心导出作业的 代码 和 作业备份是相似的 代码如下:alter PROC DumpJob (@job VARCHAR(100)
- 如何用组件实现自动发送电子邮件？我想做一个能够自动发送电子邮件的程序，该如何做？ 这就要用到w3 upl
- 不知道用ASP写代码的朋友是不是和我有一样的感受，ASP中最头疼的就是调试程序的时候不方便，我想可能很多朋友都会用这样的方法&ldq
- 在做一个在线交流的网站时，有个问题很令我头疼，就是关于实时统计在线用户的问题，客户要求：统计当前在线人数、游客人数、会员人数、在线用户列表，
- 有时在浏览网页时，常常因为网页中的图片文件过大而使下载时间较长，这样还没有下载完，就会有许多浏览者不耐烦地拂袖而去，从而损失了客户流。但要使
