修改

Question

大家好，任何帮助将不胜感激。我一直在我的网站上工作，我有一个div，其中包含我的登录表单，点击按钮将其更改为我的注册表。

问题是当页面首次加载时，表单位于1个位置。当我点击按钮时，它向右移动。我可以在没有任何问题的情况下在表单之间前后交换，并且表单保持在一个位置。

http://www.legaleyealpha.webatu.com/v2/index.html

如果单击顶部眼睛周围的蓝色按钮，则会更改表单。我还没有完成这部分的设计。

这是指向我的索引页面的链接，您可以看到问题所在。我甚至尝试制作一个第三个div来进一步向右移动，但它仍然无法工作。

任何帮助都会非常感谢。

Answer 1

据我所知，所有定位都在造型中完成。您的#background2声明（这是您开始使用的）声明为left: 242px，而您之后使用的#background1和#background设有left: 400px

Answer 2

你有三个我们感兴趣的div。这就是他们在页面加载时的样子：

<div class="login" style="display: none;"></div>
<div class="startup"></div>
<div class="signup" style="display: none;"></div>

然后，点击“signupbuttonswap”按钮后，它们看起来像这样：

<div class="login" style="display: none;"></div>
<div class="startup" style="display: none;"></div>
<div class="signup" style="display: block;"></div>

再次点击它后，它们看起来像这样：

<div class="login" style="display: block;"></div>
<div class="startup" style="display: none;"></div>
<div class="signup" style="display: none;"></div>

所以你的问题不是关于div莫名其妙地移动，而是关于你隐藏并显示两个不同的div 这两个不同的地方。

我的问题是，为什么登录表单在两个不同的地方重复？

修改

基本上，你的div.startup似乎是不必要的。摆脱它，并在页面加载使div.login可见，你应该是好的。

div不会留在同一个地方？

2 个答案:

修改