在位置：絕對

對齊和堆棧引導格內的PNG圖像我想對齊（和堆棧）一些圖像內的引導網格。在位置：絕對

出於某種原因，圖像與窗口對齊而不是網格。

我使用的位置是：絕對其中這樣工作（http://www.w3schools.com/）：

「絕對位置元件相對於具有比靜態以外的位置的第一父元素定位如果沒有找到這樣的元件中，含塊是<HTML>「

這裏是一個的jsfiddle： http://jsfiddle.net/sbE6t/

.rings img { 
position:absolute; 
top: 0px; 
left: 0px; 
}

2013-06-27 Sucrenoir

正如你所引用的，它們將被絕對定位到下一個非靜態元素。 If no such element is found, the containing block is <html>。相對

設置位置到img的父：

.rings { 
    // other styles 
    position: relative; 
}

2013-06-27 13:54:28 Andy

有時解決方案是存在的，你不看到它:-)我認爲.ring已經是位置：相對......謝謝！ – Sucrenoir

您的包裝元素必須設置爲position:relative

.rings { 
    overfow:hidden; 
    height: 400px; 
    background: #999; 
    position:relative; 
}

2013-06-27 13:54:39 keeg

回答