Html 最后一个容器上的空格

我正在努力学习响应式网页设计

我已经创建了三个并排的div容器，具有一定的宽度和一定的边距。每次我运行代码时，最后一个容器上都有一点空白

有可能解决这个问题吗

<div class="wrapper clearfix">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>

这里是链接

---

我有同样的问题，当我有4个集装箱，25%没有保证金。每次我调整浏览器的大小时，右边的容器上都会有一点空白。注意到问题只出现在Safari中。如何解决此问题？

如果使用.66将值精确除以100%，则不会给出正确的结果。尝试使用0.5%或1%。我只是更新你的CSS如下，它的工作很好

 .one
 {
width: 32.5%;
height: 200px;
background: #ECF0F1;
margin-right: 0.5%;
float: left;
 }
.two
 {
width: 33%;
height: 200px;
background: #ECF0F1;
margin-left: 0.5%;
margin-right: 0.5%;
float: left;
 }
 .three
 {
width: 32.5%;
height: 200px;
background: #ECF0F1;
margin-left: 0.5%;
float: left;
 }

---

首先谢谢你的回答。我希望每个容器都具有相同的宽度，而且当我更改浏览器大小时，存在空白的问题。