从浮动：左右两边到彼此之间

Question

我忙于使用我的投资组合网站，并且我会让它响应。

大多数东西都是响应，但我正在努力与contact page。

代码：

.footerContact .informatie 
{ 
    float: left; 
    margin-left: 20%; 
    margin-top: 10%; 
    color: white; 
    width: 250px; 
} 

.footerContact .form 
{ 
    float: right; 
    margin-right: 20%; 
    margin-top: 10%; 
    color: white; 
    width: 300px; 
} 

我现在用一个媒体查询将它们放在对方的时候去的屏幕尺寸较小为1115px

例子可以发现here

哪有我做这个？

@media only screen and (max-width: 1115px) 
{ 
    .footerContact .informatie 
    { 
     float: none; 
     margin-left: 20%; 
     margin-top: 10%; 
     color: white; 
     width: 250px; 
    } 

    .footerContact .form 
    { 
     float: none; 
     margin-left: 20%; 
     margin-top: 100px; 
     color: white; 
     width: 250px; 
    } 

} 

Answer 1

表单在响应模式下正常工作。

您只需将margin: auto设置为居中对齐div。

小提琴：http://jsfiddle.net/L2mvewLo/1/

Answer 2

目标的所有设备 @media所有和（最大宽度：1115px）{

然后要么都设置到宽度：100％;和float：left;

或float：none;和margin：auto; （以它们为中心）。