更準確的位置CSS

Question

我有一個位置：在CSS元素，有沒有使用像素等，例如一個更確切的版本，

position: 100px left; 

有沒有類似的方法來做到這一點在CSS？

Answer 1

位置屬性

位置屬性指定用於一個元件（靜態，相對的，固定的或絕對的）的定位方法的類型。

position屬性指定用於元素的定位方法的類型。

有四個不同的位置值：

• 靜態
• 相對
• 固定
• 絕對

位置速記

沒有short-hand存在於所有的結合取決於位置的屬性值。這些都是不同的性質，不同的是，例如background，其具有color，image，position和repeat指令，因此可以被合併成一個速記形式：

普通形式

#element{ 
    background-color: #ffffff; 
    background-image: url("bg_img.png"); 
    background-repeat: no-repeat; 
    background-position: right top; 
    background-attachment: fixed; 
} 

速記形式

#element{ 
    background: #ffffff url("bg_img.png") no-repeat right top; 
} 

Answerin摹你的問題

如果你是一個方法後位置的元素，使得它在左側100像素空間，你可以這樣做，像這樣的（這取決於你的結構和所提供的信息也很難怎麼說，所以你可能一個確切的情況下提供更多的信息）：

#element{ margin-left: 100px; } 

或

#element{ padding-left: 100px; } 

或

#element{ position: absolute; left: 100px; } 

或

#element{ position: relative; left: 100px; } 

Answer 2

.selector { 
    position: relative; 
    left: 100px; 
} 

Answer 3

你想要的位置absolute，我認爲：

然而，你的語法是不太正確的。

---

定位元素。

位置：PositionProperty;

有幾個位置屬性：

• 絕對
• 靜態
• 固定（默認）
• 相對

這些是最常用的屬性;現在

，如果你想有絕對位置的元素，選擇position:absolute;

在你的情況下，CSS，你可能在尋找將非常具有：

#ElementID { 
    position:absolute; 
    left: 100px; 
} 

工作示例

---

#absoluteDiv { 
 
    position: absolute; 
 
    left:100px; 
 
    } 
 

 
.colorblock { 
 
    width: 100px; 
 
    height:100px; 
 
    background-color: #00F; 
 
    }

<div id="absoluteDiv" class="colorblock"> 
 
</div>

運行上述用於一個工作示例的代碼段。

希望它能幫助:)

編輯有關定位元素的更多信息，請點擊this link