CSS定位属性Position详解
作者:帕兰 来源:帕兰映像 时间:2009-09-16 20:37:00
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;
}
标签:css,定位,position
0
投稿
猜你喜欢
ASP使用xmlhttp调用WEBSERVICE文档
2008-05-30 13:56:00
交互设计:简单
2011-08-27 16:46:27
Dreamweaver 4.0使用技巧集锦
2007-11-08 12:47:00
JavaScript中实现字符串的取左取右(实现left和right功能)
2009-07-20 12:39:00
[译]如何设计网页小广告(banner)
2009-10-16 20:40:00
SQL学习笔记二 创建表、插入数据的语句
2011-09-30 11:17:32
SEO与“nofollow”及“external nofollow”
2007-12-15 09:31:00
CSS样式和JavaScript脚本是否放置于外部文件的探讨
2008-08-08 12:39:00
订单转化率之回访确认
2009-08-24 12:40:00
网页设计图标使用指南[译]
2009-03-11 21:13:00
ASP实现长文章自动分页的函数代码
2008-10-10 17:09:00
详述如何提高MySQL中数据装载效率
2009-10-26 10:27:00
浅析CMS生成静态页面的两种方案
2008-03-17 12:51:00
如何前后翻阅聊友们的发言?
2010-01-18 20:49:00
asp 判断上传文件中是否存在危险代码
2011-03-17 11:19:00
Javascript——浅析注册事件
2008-08-19 12:44:00
asp之让Session永不过期
2011-04-15 10:42:00
DHTML实例解析:用HTC统一定制表单样式
2007-11-04 18:48:00
MySQL 5.0.16的乱码问题解决方法
2011-12-14 18:33:24
关于网站导航设计的探讨
2008-02-28 13:20:00