·纯CSS类下拉菜单代码
·XmlHttp打造定时无刷新数据更新
·CSS调整行距,字距
·css控制字间距和字母间距
·css文本属性字间距(letter-spacing)
·CSS的@import方法
·用css的expression实现界面对象的批
·解决不同浏览器下CSS兼容性[已解决]
·css在不同的文档类型中的区别
·用CSS Filter取代图片达到渐变背景效
·CSS实例之list-style-type在IE和FF中
·用CSS的float属性实现三栏布局网页的
·让文字居于div底部的CSS代码
·login没有边框的效果
·select分组及禁用提交表单
·利用css里expression来实现界面对象
·解决IE下CSS背景图片闪烁的Bug
·如何利用CSS堆定位元素位置
 
 
 

CSS2.0中position基本属性

日期:2008年03月28日 11:51:28 作者:css 关键字:div+css教程

本页内容为:CSS2.0中position基本属性,该文章本站转载自网络,如有侵权请告之,我们将会及时将其删除,其正文内容如下:

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地定位是不可以的。


 
 
如果你对本文CSS2.0中position基本属性有意见或看法,请点此留言