如何阻止表单移动答案

【问题标题】：How to stop a form from moving如何阻止表单移动
【发布时间】：2014-11-21 18:53:45
【问题描述】：

我已经创建了一个网站，但是当我缩小浏览器时，除了表单之外，网站仍然保持原位。

如果有人知道我如何阻止表格移动，我将非常感激。

我尝试过 position: relative 和 white-space: no-wrap;但仍然没有运气。

在此致谢

独一无二

#form-holder {
float: left;
width: 400px;
height: 400px;
padding-left: 100px;
padding-top: 30px;
display: block;
*display: block;
white-space: nowrap;}

【问题讨论】：

“移动”是什么意思？它朝哪个方向移动？
我认为你想要一个响应式表单，尝试使用一些 CSS 框架，如 bootstrap 或 Foundation，希望对您有所帮助

标签： html css browser web resize

【解决方案1】：

如果您希望表单居中对齐，请执行

Margin: 0 auto;

去掉左边的浮动，我建议不要指定元素的高度

http://jsfiddle.net/r5cu1157/1/

【讨论】：

【解决方案2】：

这是我用于保存表格和表单的容器的 CSS，可以尝试将它用于您的表单，我相信它是位置和边距的混合：

.container
{
position: relative;
top: 250px;
background-color: #877CB0;
margin:0 auto; 
text-align: center;
}

【讨论】：