如何阻止表单移动

时间:2014-09-26 17:22:15

标签: html css browser web resize

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

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

我尝试过的位置:相对和白色空间:无包裹;但仍然没有运气。

先谢谢

唯一

我的代码: http://jsfiddle.net/r5cu1157/

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

2 个答案:

答案 0 :(得分:0)

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

Margin: 0 auto;

移除左边的浮动,我建议远离指定元素的高度

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

答案 1 :(得分:0)

这是我的容器中包含我的表和表单的CSS,可以尝试将它用于表单,我相信它是位置和边距的混合:

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