ios – Whitespace nowrap并在移动Safari中漂浮“bug”？

#ready{
  height:568px;
  white-space: Nowrap;
}

他们的孩子有这个：

.theme{
  overflow: hidden;
  position:relative;
  display: inline-block;
  height:568px;
  width:320px;
  text-align: center;
  BACkground-color: #FFF;
}

它适用于firefox和chrome,div按照预期彼此相邻.我必须添加float：left to .theme以使其在Safari中工作.虽然当我添加浮动时：左移动Safari会将div分解为新行.

这是一个错误,还是我做错了什么？任何想法,解决方法？

[编辑]
添加了HTML

<div id="ready">
            <div id="welcome"class="theme active">
              ...
            </div>

            <div id="cat"class="theme">
              ...
            </div>

            <div id="minap"class="theme">
              ...
            </div>

            <div id="minecraft"class="theme">
              ...
            </div>

            <div id="padthai"class="theme">
              ...
            </div>

            <div id="orange"class="theme">
              ...
            </div>

            <div id="bszn"class="theme">
              ...
            </div>
    </div>