將位置值作爲數字

Question

在Chrome develpoer工具中編輯網站時，我最近發現，在邊距，填充和邊框上方可以鍵入數字。

它能做什麼，以及如何應用它呢？

我可以使用position:10px;嗎？編輯： 如何使用它與數值？

Answer 1

位置可以是四種類型：

static 
relative 
fixed 
absolute 

一篇很好的文章，可以發現here：

靜態是默認的。一個帶有位置的元素：static;沒有以任何特殊方式定位。一個靜態元素被稱爲不是 定位和一個其位置設置爲任何其他的元素是 據說定位。

相對除非添加一些額外的屬性，否則其行爲與靜態相同。

</div> 
<div class="relative2"> 

設置上，右，下和左一個 相對定位元件的屬性將導致其從 其正常位置進行調整了。其他內容將不會被調整，以適應 元素留下的任何空白。

A 固定元素相對於視口定位，即使頁面滾動，它也始終保持在同一位置。 與相對一樣，使用的頂部，右側，底部和左側屬性均爲 。

絕對除了相對於最近的定位祖先而不是相對於視口，其行爲與固定相似。如果絕對定位元素沒有定位祖先，則它使用文檔正文 ，並且仍然隨頁面滾動一起移動。 A「 」定位「元素的位置是除靜態以外的任何東西。

一個例子可以是：

.relative { 
    position: relative; 
    width: 600px; 
    height: 400px; 
} 
.absolute { 
    position: absolute; 
    top: 120px; 
    right: 0; 
    width: 300px; 
    height: 200px; 
}