css - 蓝图 CSS 重叠 div

Question

我正在使用 Blueprint CSS 框架，我想知道如何创建重叠的 div。如果我尝试在相对定位的 div 中使用绝对定位的 div，它会打乱蓝图对 div 的其余样式。这样做的正确方法是什么？

Answer 1

取决于你想要做什么。您可以将任何元素放置在您想要的任何位置，但是如果您需要该元素留在文档流中并且只是希望它在视觉上与另一个元素重叠，您可以设置 position:relative 并使用 top, right 或 left, bottom 来设置元素在视觉上“相对”于它在文档流中的位置。该元素仍将占用文档中的正常空间。如果您需要从文档流中删除元素，可以使用 position:absolute，它与在其容器中浮动元素具有相同的效果，但可以更好地控制它的去向。W3schools 对此有很好的介绍： http ://www.w3schools.com/css/css_positioning.asp

Answer 2

对想要重叠的图像使用 position:relative 和 z-index。