Question

我正在尝试在引导网格中对齐（并堆叠）一些图像。

由于某种原因，图像与窗口对齐而不是网格。

我使用position：absolute，就像这样工作（http://www.w3schools.com/）：

“绝对位置元素相对于第一个具有静态位置的父元素定位。如果找不到这样的元素，则包含的块是＆lt; html＆gt;”

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

Answer 1

正如你所引用的那样，它们将绝对定位于下一个非静态元素。 If no such element is found, the containing block is <html>。

相对于img的父级设置位置：

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

Answer 2

您的包装元素必须设置为position:relative

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