论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{CSS}CSS2.0position属性

文章类别:div+css布局 | 发表日期:2008-9-26 11:33:14

position属性可将元素以static(静态)、relative(相对)、absolute(绝对)、fixed(固定)的方式来安置。
position属性无继续性。
Possible Values 可能用到的值


static
The element is placed in a normal position (according to the normal flow). With the value of \"static\" we do not use the \"left\" and \"top\" properties
元素以正常的形式形式来安置(以正常下垂的形式)。使用了static值我们就无法使用\"left\"以及\"top\"属性


relative
Moves an element relative to its normal position, so \"left:20\" adds 20 pixels to the element's LEFT position
相对元素原本的位置来对它进行移动,因此\"left:20\"就会将元素的左定位增加20象素距。

relative是相对定位,它的参照点是该元素本来应该在要位置。比如说网页上并排放A B C这三个元素,假如给B设的css style是position为relative,且给一个正的left值的话,那么B就可以显示在C的右边了。relative的这种定位比较怪,原来一直以为是相对别的什么东西定位的,昨天才知道是错的。由于“该元素本来应该在要位置”在设计网页的时侯不好琢磨,故relative方式是并不好用的方式,搞不好就会把网页搞乱。


absolute
With a value of \"absolute\" the element can be placed anywhere on a page. The element's position is specified with the \"left\", \"top\", \"right\", and \"bottom\" properties
使用\"absolute\"值可以让元素放到页面的任何一个位置。元素的定位完全依靠\"left\",\"top\",\"right\"以及\"bottom\"的指定。

absolute是绝对定位,即当前元素的坐标是相对其上一级的左上角来表示的。这个上一级是整个page,或是嵌套在外层的一个DIV。而表格中的TD等元素不会成为上一层,也就是说想以当前单元格的左上角为参照,absolute地定位是不可以的。
上一篇:{CSS}用CSS定义列表项目效果 人气:5390
下一篇:{CSS}CSS常用缩写语法 人气:4531
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058