本文目錄導(dǎo)讀：
CSS技巧：調(diào)整圖片位置
在網(wǎng)頁設(shè)計(jì)中，我們經(jīng)常需要調(diào)整圖片的位置以滿足設(shè)計(jì)需求，本文將介紹如何使用CSS來使圖片向下移動并保持固定位置。
使用CSS進(jìn)行圖片定位
在CSS中，我們可以使用各種屬性來調(diào)整圖片的位置，***常用的是“position”屬性，要使圖片向下移動并保持固定位置，我們可以使用相對定位（relative positioning）或***定位（absolute positioning）。
二、相對定位（relative positioning）
相對定位是相對于元素在文檔流中的原始位置進(jìn)行定位，我們可以使用“top”屬性來指定圖片向下移動的距離。
img {
position: relative;
top: 20px; /* 圖片向下移動20像素 */
}三、***定位（absolute positioning）
***定位是相對于***近的已定位祖先元素（而非正常的文檔流）進(jìn)行定位，如果沒有已定位的祖先元素，那么它會相對于初始包含塊進(jìn)行定位，同樣，我們可以使用“top”屬性來指定圖片向下移動的距離。
img {
position: absolute;
top: 50px; /* 圖片向下移動50像素 */
}四、固定定位（fixed positioning）
固定定位是相對于瀏覽器窗口進(jìn)行定位，即使頁面滾動，它也會保持在同一位置，要使圖片向下移動并保持固定位置，我們可以結(jié)合使用“top”和“position: fixed”。
img {
position: fixed;
top: 100px; /* 圖片向下移動100像素并固定在頁面指定位置 */
}使用CSS定位時，還需要考慮其他屬性如“l(fā)eft”，“right”，“bottom”以及“z-index”等，以便更***地控制圖片的位置和顯示層次，不同的瀏覽器可能對CSS的支持有所不同，因此在實(shí)際應(yīng)用中需要進(jìn)行適當(dāng)?shù)臑g覽器兼容性測試。
