CSS-如何'；他们在没有绝对定位和Z指数的情况下这么做？

我是个新手，但对CSS和编码并不完全陌生。在过去6个月左右的时间里，我在编码方面取得了长足的进步。几周前，我遇到了一个布局非常酷的网站。特别是，虎虎队的标志横跨（或者至少看起来是）几个非AP级的演员，我似乎不知道他们是怎么做到的。我很确定它们不是AP div，因为当我展开页面时div的位置会发生变化，等等

有人能告诉我在不使用AP Div的情况下是如何做到的吗？我很确定我可以使用AP div复制它，并调整Z-index，使徽标悬停在我需要的div顶部，但是这样的布局对于我想要做的事情来说太僵硬了

以下是Hawkeeysports.com网站的链接，在该网站上，TigerHawk标志位于其他Div的上方

任何帮助都将不胜感激

#桅杆标志

绝对定位

#mast-logo {
  background: url("http://grfx.cstv.com/schools/iowa/graphics/iowa-10-logo.png") no-repeat scroll 0 0 transparent;
  height: 133px;
  left: -13px;
  position: absolute;
  top: -4px;
  width: 198px;
  z-index: 200;
}

---

，一旦你掌握了

绝对定位

和

相对定位

的窍门。

根据firebug，菜单旁边的徽标具有以下CSS：

#mast-logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://grfx.cstv.com/schools/iowa/graphics/iowa-10-logo.png) no-repeat scroll 0 0;
height:133px;
left:-13px;
position:absolute;
top:-4px;
width:198px;
z-index:200;
}

---

萤火虫…从没听说过，但会调查的！哇，所以它是绝对定位的。。。。？那么这个“萤火虫”能让我们在一个网站上达到顶峰吗？谢谢你的帮助！是的，你可以调试Javascript，查看CSS等等。Firebug是你必须具备的。别忘了标记为答案。：）谢谢你，亚历克斯。我没想到AP Div会在扩展页面时移动，等等？谢谢你的链接@LawGen的父对象有

位置：relative

，这意味着您提供给任何绝对位置的子对象的偏移量都是相对于它的。啊……我明白了（我想是这样）。链接和解释非常有用，我非常感谢@劳根不用担心，请随便给我打个绿色的勾：）@劳根据我所知，没有一个部门在扩张。网站似乎是固定宽度的。