html绝对和相对相互偏移

Question

我正在使用由外部链接的 css 控制样式的 html 文档。我在本地渲染并尝试了 chrome 和 firefox。

本期是这样的:

我有两个 <div>高度和宽度均为 200px 的元素(我在网页上放置了彩色方 block )。但是它们的位置属性值不同。一个是“绝对”，另一个是“相对”。我基本上是想把两个盒子放在一起。例如(在css文件中)

#item1{position: absolute; left:300px; top: 300px; z-index: 1;}

#item2{position: relative; left:300px; top: 300px; z-index: 2;}

item2 将从 item1 向下和向右偏移 8 个像素。

我尝试将 item2 上的所有边距(和填充)设置为零，但没有成功。

谢谢!

Answer 1

您需要为两个 div 使用 position: absolute;。

尝试将 item2 更改为:

#item2{position: absolute; left:308px; top: 308px; z-index: 2;}