# CSS中只設(shè)置top

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

1. 什么是只設(shè)置top?

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

2. 只設(shè)置top的優(yōu)缺點

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

3. 只設(shè)置top的示例

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

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

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

<div>Hello, World!</div>

</div>

</div>

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

4. 其他只設(shè)置top的技巧

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