如果内部div超过外部div的大小并在下一行显示它们，请避免溢出

Question

我不知道如何说出我的问题 但这是我的问题 我有一个900px的外部div 在div里面我有8个内部div，每个大小为250px 所以在每一行我只能有3个div而div的其余部分必须在下一行，但我没有得到如何做到这一点。 这是我的代码

 <div class="big">
                        <div class="wrapper">
                            <a href="#"><div></div></a>
                        </div>
                         ....some more div
                         ....
</div>

这是我的css代码

 .big{
         display:-webkit-box;
         width:900px;
    }
.wrapper {
  width: 250px;
  height: 250px;
    background-color:red;
    margin-right:2px;
}

jsfiddle

请帮我解决这个问题

Answer 1

将display: inline-block;添加到wrapper类的样式中。