为什么div漂浮在body标签包内

Question

在这个例子中： http://jsfiddle.net/Lhpuv/

为什么带有浮点数的<div在体内留下一个换行？

我希望他们都可以在没有任何包装的情况下向左浮动，并且页面底部会出现一个滚动条，但会发生什么并不是我的预期。

Answer 1

http://jsfiddle.net/Lhpuv/2/

body {
    overflow-x:scroll;
    white-space: nowrap;
    width: 100%;
}

.floatMe {
    display: inline-block;
    width: 40px;
}

Answer 2

您可以在下面查看 - 似乎是您想要的：

http://jsfiddle.net/Lhpuv/3/

body {
   overflow-x:scroll;
   white-space: nowrap;
}

#parent {
   white-space: nowrap;
}

#parent div {
    display: inline-block;
}



 < div id="parent>
        ....all the divs with no style...
    </div>

Answer 3

点击此链接http://jsfiddle.net/Lhpuv/

div{clear:both;float:left; overflow:hidden;}

Answer 4

使用display: inline-block代替浮动，因为之前的解决方案建议： CSS non-wrapping floating divs

Answer 5

删除所有div的float:left。 检查这个小提琴     http://jsfiddle.net/dhanith/Lhpuv/7/