网络编程
位置:首页>> 网络编程>> Asp编程>> position、z-index、top、right、bottom和left属性

position、z-index、top、right、bottom和left属性

 来源:asp之家 发布时间:2009-10-04 20:33:00 

标签:Position,css,属性

一、Position

1、语法:position:static/ absolute / fixed / relative

2、参数:

(1)static:默认值,无特殊定位,对象遵循HTML定位规则。

(2)absolute:将对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义。

(3)relative:对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置。

(4)fixed:对象定位遵从绝对(absolute)方式。

3、说明:

对象的定位方式。

设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。

此时对象不具有外边距margin,但仍有内边距padding和边框border。

对应的脚本特性为:position

4、示例:

5、提示:

(1)由上面的例子可以看出,只有position属性值为absolute或relative时top、right、bottom、left才有效。

(2)目前还不支持position:fixed的属性值。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com