首页 > 未分类 > 关于css中position定位参数的笔记

关于css中position定位参数的笔记

2006年10月14日

今天修改wm看帖时头像会把正文的文字盖住的问题,改成了鼠标指上去的时间自动隐藏。

对DIV定位的参照系的问题是颇费了一番功夫,看来以往对它的认识有不少误解,现在总结一下吧:

在css语法中,可以用left,top,width,height几个参数指定一个DIV或是别的什么元素的位置与大小,但是left和top参照的位置是由另一个参数position指定的。
position的值有四个选择:static, relative, absolute or fixed,常用的是中间两种:

absolute是绝对定位,即当前元素的坐标是相对其上一级的左上角来表示的。这个上一级是整个page,或是嵌套在外层的一个DIV。而表格中的TD等元素不会成为上一层,也就是说想以当前单元格的左上角为参照,absolute地定位是不可以的。

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

未分类

  1. 目前还没有任何评论.
  1. 目前还没有任何 trackbacks 和 pingbacks.