Question

请一些CSS的帮助！我使用CSS来使我的注册表看起来不错，但后来我发现当我最大化或最小化浏览器的窗口时，我的表单没有向右或向左移动其他页面元素，例如我的背景图像（我的页面）与探索者窗口的中心对齐）。因此，当我的窗口大小最大化时，我的背景图像被更改，但表单仍保留在第一个位置。任何想法如何解决这一问题？我的HTMLcode是：

<div "class="homepageTable">
<form action="#" method="post">
  <input type="text" size="25" name="first_name" placeholder="first name"><br/>
  <input type="text" size="25" name="last_name" placeholder="last name"><br/>
  <input type="text" size="25" name="email" placeholder="email"><br/>
  <input type="text" size="25" name="retype_email" placeholder="re-type email"><br/>
  <input type="text" size="25" name="password" placeholder="password"><br/>
  <input type="text" size="25" name="retype_password2" placeholder="re-type password"><br/>
  <input type="submit" name="submit" value="sing up!">
</form>
</div>

当窗口最小化或最大化时，为了让这个窗体与其他页面元素一起移动，应该有什么想法？

Answer 1

任何想法css应该是什么，以便移动此表单与其他页面元素一起

不，除非你向我们展示其他元素。但是这里是如何使形式居中：

.homepageTable{margin: 0 auto;}

Answer 2

我们看不到您的完整代码，因此我们只能猜测您网页的其余部分。

您可能需要以相同的方式对齐背景和表单：集中对齐背景图像，或者将其所在的元素对齐到中心，如果可能的话。

或者，将背景放在与表单相同的容器元素中，对齐它，并在窗口更改时让它们一起移动。

当最大化最小化窗口时，CSS在屏幕上形成位置

2 个答案: