CSS 定位 (Positioning)

 

新一篇:  在ASP.NET怎么用css？

bottom 属性

bottom属性可规定某个元素的底部边缘。

注释：如果"position"属性的值为"static"，那么设置bottom"属性不会产生任何效果。

提示：即使不可见的元素也会占据页面上的空间。请使用"display"属性来创建不占据页面空间的不可见元素。

继承性：No

可能的值

值	描述
auto	默认。通过浏览器计算底部的位置。
%	设置元素的底边到最近一个具有定位设置父元素的底部边缘的百分比位置。
length	使用px、cm等单位设置元素的底边到最近一个具有定位设置父元素的底部边缘的位置。可使用负值。

clip 属性

clip属性可设置元素的形状。

当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip"属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。

继承性：No

可能的值

值	描述
shape	设置元素的形状。合法的形状值是：rect (top, right, bottom, left)
auto	默认。浏览器可设置元素的形状。

left 属性

left属性可规定一个元素的右边缘。

注释：如果"position"属性的值为"static"，那么设置"left"属性不会产生任何效果。

继承性：No

可能的值

值	描述
auto	默认。通过浏览器来计算左侧的位置。
%	设置元素的左边到最近一个具有定位设置父元素的左边缘的百分比位置。
length	使用px、cm等单位设置元素的左边到最近一个具有定位设置父元素的左边缘的位置。可使用负值。

overflow 属性

overflow属性可设置当某个元素的内容溢出其区域时发生的事情。

继承性：No

可能的值

值	描述
visible	默认。内容不会被修剪，会呈现在元素之外。
hidden	内容会被修剪，但是浏览器不会显示供查看内容的滚动条。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

position 属性

position属性可把一个元素放置到一个静态的、相对的、绝对的、或固定的位置中。

继承性：No

可能的值

值	描述
static	默认。位置被设置为static的元素，它始终会处于页面流给予的位置（一个static元素会忽略任何top、bottom、left或right声明）。
relative	位置被设置为relative的元素，可将其移至相对于其正常位置的地方，因此"left:20"会将元素移至元素正常位置左边20个像素的位置。
absolute	位置被设置为absolute的元素，可被定位于相对于包含它的元素的指定坐标。此元素的位置可通过"left"、"top"、"right"以及"bottom"属性来规定。
fixed	位置被设置为fixed的元素，可被定位于相对于浏览器窗口的指定坐标。此元素的位置可通过"left"、"top"、"right"以及"bottom"属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于IE7（strict模式）。

right 属性

right属性可规定一个元素的右边缘。

注释：如果"position"属性的值为"static"，那么设置"right"属性不会产生任何效果。

继承性：No

可能的值

值	描述
auto	默认。通过浏览器来计算右侧的位置。
%	设置元素的右边到最近一个具有定位设置父元素的右边缘的百分比位置。
length	使用px、cm等单位设置元素的右边到最近一个具有定位设置父元素的右边缘的位置。可使用负值。

top 属性

top属性可规定某个元素的顶部边缘。

注释：如果"position"属性的值为"static"，那么设置"top"属性不会产生任何效果。

继承性：No

可能的值

值	描述
auto	默认。通过浏览器来计算顶部的位置。
%	设置元素的顶部到最近一个具有定位设置父元素的上边缘的百分比位置。
length	使用px、cm等单位设置元素的顶部到最近一个具有定位设置上边缘的顶部的位置。可使用负值。

vertical-align 属性

vertical-align属性可设置元素的垂直排列。

继承性：No

可能的值

值	描述
baseline	默认。元素被放置在父元素的基线上。
sub	垂直对齐文本的下标。
super	垂直对齐文本的上标
top	把元素的顶端与行中最高元素的顶端对齐
text-top	把元素的顶端与父元素字体的顶端对齐
middle	把此元素放置在父元素的中部。
bottom	把元素的顶端与行中最低的元素的顶端对齐。
text-bottom	把元素的底端与父元素字体的底端对齐。
length
%	使用"line-height"属性的值的某个百分比来排列此元素。允许使用负值。

z-index 属性

z-index属性可设置元素的堆叠顺序。拥有更高的堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可用于负的堆叠顺序。

注释：Z-index仅能在已被定位的元素上奏效（例如position:absolute;）！

继承性：No

可能的值

值	描述
auto	默认。堆叠顺序与父元素相等。
number	设置元素的堆叠顺序