html彼此的绝对和相对偏移

Question

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

这个问题是：

我有两个<div>元素，其高度和宽度值均为200px（我将彩色方块放在网页上）。但是它们的位置属性值不同。一个＆＃34;绝对＆＃34;其他人＆＃34;亲戚＆＃34;。我基本上试图把两个盒子放在一起。例如（在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;}

Answer 2

如果你想将一个div放在另一个div之上，那么两个div必须是绝对的。

Answer 3

立即前往LearnLayout.com/position.html了解并解决此问题。然后阅读整个网站（它不会花很长时间，你会感谢我） - 这是我见过的关于css令人沮丧的一切的最佳网站。从长远来看，它将为您节省数小时和数天。