使用HTML設置div在上層 在網頁設計中，使用div（層）是非常常見的，它可以將頁面劃分成不同的區域，實現多種布局效果。但是，有時候我們需要將某個div放置在其他div的上面，從而實現圖層效果。本文將介紹如何使用HTML設置div在上層。 要實現div在上層，我們需要使用CSS的position屬性。其中有兩種常用的屬性值： 1. position: relative; //相對定位 2. position: absolute; //絕對定位 相對定位 當給某個div設置position: relative;屬性時，其相對于原來的位置進行偏移。通過設置top、bottom、left、right屬性的值，我們可以實現div在水平/垂直位置上的移動。 例如：

div#box {
position: relative;
top: -50px;
}

這個樣式規則將會把id為"box"的div向上移動50像素。在頁面上，這個div的位置相對于原來的位置偏移，但是不會影響其他的頁面元素，因此不會破壞頁面布局。 絕對定位 當給某個div設置position: absolute;屬性時，其相對于第一個設置了position屬性（值不為static）的祖先元素進行定位。如果沒有符合條件的祖先元素，則相對于瀏覽器窗口進行定位。 例如：

div#box {
position: absolute;
top: 50px;
left: 100px;
}

這個樣式規則將會把id為"box"的div相對于頁面上第一個設置了position屬性（值不為static）的祖先元素進行定位。在這個例子中，假設有一個父元素設置了position: relative;，那么這個"box" div就會相對于該父元素進行定位，距離父元素上邊框50個像素，左邊框100個像素。 最后，我們要注意的是，同時設置了position: relative;和position: absolute;屬性時，將優先使用absolute的屬性值。因此，如果我們想要實現div在上層的效果，推薦使用position: absolute;屬性。