# CSS中只設置top

CSS是一種用于控制網頁元素的樣式語言，我們可以通過在元素上應用CSS樣式來改變其外觀和屬性。其中，只設置top是一種常見的CSS技巧，可以幫助我們節省時間和精力，具體解釋如下：

1. 什么是只設置top?

只設置top是指在CSS樣式中，僅僅設置元素的top屬性，其它屬性如left、right、bottom等一概不設置。這種設置方式只會影響到元素在瀏覽器窗口中的可見性，而不會影響其其它屬性，如寬度、高度、背景色等。

2. 只設置top的優缺點

只設置top的優點是簡單易懂，可以快速地完成一個樣式的設計。缺點是如果需要設置其它屬性，需要在樣式中對其進行補充，否則可能會導致樣式不夠完整和準確。

3. 只設置top的示例

下面是一個只設置top的示例，我們在同一個HTML文件中，將一個元素設置為“position: relative”；一個元素設置為“position: absolute”，并在其top屬性上添加了一個值，以使其垂直居中：

<div style="position: relative; top: 100px;">

<div style="position: absolute; top: 50px; background-color: blue;">

<div>Hello, World!</div>

</div>

</div>

在這個示例中，只設置了元素的top屬性，其它屬性均不設置，可以看到兩個div元素都將垂直居中，并且背景色均為藍色。

4. 其他只設置top的技巧

除了只設置top,CSS中還有許多其他的只設置top的技巧，如只設置left、只設置right等，這些技巧可以幫助我們更好地控制網頁元素的布局和樣式。