0

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

为什么<divwith float:left inside body 会换行？

我希望它们全部向左浮动而没有任何包装，并且滚动条应该出现在页面底部，但发生的事情不是我所期望的。

4

5 回答 5

2

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

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

.floatMe {
    display: inline-block;
    width: 40px;
}
于 2013-11-01T10:46:47.750 回答
0

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

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>
于 2013-11-01T10:53:22.703 回答
0

检查此链接http://jsfiddle.net/Lhpuv/

div{clear:both;float:left; overflow:hidden;}
于 2013-11-01T10:55:02.337 回答
0

display: inline-block正如以前的解决方案所建议的那样， 使用而不是浮动： CSS non-wrapping floating divs

于 2013-11-01T10:55:29.213 回答
0

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

于 2013-11-01T11:03:29.127 回答