html - 将div定位到中间后删除右边距

Question

我将我的主 div 定位到 0 auto;，但仍有右边距，我应该如何删除它？

这是 fiddle 示例:http://jsfiddle.net/sz3MD/9/

body  {
       margin: 0;
       padding: 0;
       background: #EEE;
       font: 10px/13px 'Lucida Sans',sans-serif;
    }

    .wrap {
       overflow: hidden;
       margin: 10px;
       background-color: #fff;
       margin: 0 auto;
    }

    .box {
       float: left;
       position: relative;
       width: 14%;


    }

    .boxInner img {
        background-color: black;
       width: 100%;
       display: block;
       -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -o-filter: grayscale(100%);

    }

Answer 1

尝试

.wrap {
  margin: 0 0 0 auto;
}
.box {
  width: 14.25%;
}

想法是扩大框的宽度并设置边距以使其“看起来”没有右边距。

http://jsfiddle.net/sz3MD/10/