你對(duì)CSS top 屬性的用法是否了解，這里和大家分享一下，該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

CSS top 屬性

定義和用法

top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置 "top" 屬性不會(huì)產(chǎn)生任何效果。

說明

對(duì)于 static 元素，為 auto；對(duì)于長(zhǎng)度值，則為相應(yīng)的絕對(duì)長(zhǎng)度；對(duì)于百分比數(shù)值，為指定值；否則為 auto。

對(duì)于相對(duì)定義元素，如果 top 和 bottom 都是 auto，其計(jì)算值則都是 0；如果其中之一為 auto，則取另一個(gè)值的相反數(shù)；如果二者都不是 auto，bottom 將取 top 值的相反數(shù)。

實(shí)例

把圖像的上邊緣設(shè)置在其包含元素上邊緣之下 5 像素高的位置：

img  
  {  
  position:absolute;  
  top:5px;  
  }  

瀏覽器支持

所有主流瀏覽器都支持 top 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值
 

【編輯推薦】

1. 解析CSS中l(wèi)ist-style-image屬性的使用
2. IE6.0對(duì)padding的解讀分析
3. CSS border-collapse屬性用法解析
4. CSS font-family屬性的定義和用法
5. CSS中cellspacing和cellpadding屬性用法揭秘