菜单容器宽度小于内容

Question

我在项目中使用Semantic-UI。调整窗口大小时，菜单容器的宽度会变得小于菜单项宽度。

您可以在Semantic-UI example page

上看到此效果

示例代码。

＆＃13;

＆＃13;

body {
  overflow: auto;
}

.big.block {
  width: 1000px;
  height: 100px;
  background: red;
}

＆＃13;

<div class="ui grid">
  <div class="row">
    <div class="sixteen column">
      <div class="ui floated left main mini menu">
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
        <div class="item">
          some item
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="column">
      <div class="big block">big block</div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Example in the JSFiddle

如何解决这个问题？