基本的CSS定位

Question

我有两张图片，一张带有“onclick”功能的图片消失，并且会出现另一张图片。我只是想弄清楚代码会使一个div（＃b1）出现在第二个（＃b2）的左边，让它们处于一个偶数级别，当点击时#f1将出现在＃的位置b2，但补偿了左边图像的大小。我的问题是我的图像重叠，我希望他们的位置能够调整。

我有什么：

#b1 { position:absolute;  }
#b2 { position:relative; left:500px;}
#f1 { position:relative; left:500px;}

Answer 1

绝对定位后，这些内容会从文档“流”中删除，并且不会影响页面上任何其他内容的位置。您必须使用JS手动检测碰撞并调整位置，或者重新构建您的html，以便绝对定位某个父容器，并且图像位于此容器内，相对定位。

Answer 2

试试这个：

#b1, #b2, #f1 {
    float:left;
}