html - 如果内部 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类的样式中。