css - 带边距自动的中心 float div 不起作用

Question

我不确定自己做错了什么，但我只是想在保持响应能力的同时将其居中。

想要让所有的 div 居中但是 margin:auto 不起作用..可能缺少一些简单的东西。

我在颜色 div 中有一些图像，这是我实际上无法居中的部分。

这是一个 jsfiddle。

http://jsfiddle.net/clam22/38L6Y/22/

HTML 在下面

<div class="wrapper">
    <div class="row">
        <div id="red">
<img src="http://boringem.org/wp-content/uploads/2013/01/rock.jpg"/>
        </div>
        <img src="http://boringem.org/wp-content/uploads/2013/01/rock.jpg"/>
        <div id="green">
        </div>

        <div id="blue">
<img src="http://boringem.org/wp-content/uploads/2013/01/rock.jpg"/>
        </div>

    </div>
</div>

下面的示例 CSS

   html,body  {
background: #FFFFFF;
font-family: "Helvetica", "Arial", "Tahoma"; /* need font default set */
margin: 0 auto;
height: 100%;
width: 100%;
} 


.wrapper {
max-width: 96%;
height: 100%;
width: 90%;
}

.row {
float:left;
margin: 0 auto;
width: 100%;
height: 30%;
}

#red {
    background-color:red;
    height:30%;
width: 30%;
    float:left;
}

#green {
    background-color:green;
    height:30%;
width: 30%;
        float:left;
}

#blue {
    background-color:blue;
    height:30%;
width: 30%;
        float:left;
}

Answer 1

如何制作 div width:33.3% 并将 margin:0 auto; 放在 wrapper 上？

检查一下:

http://jsfiddle.net/38L6Y/15/