CSS float 元素不相邻

Question

请看:http://jsfiddle.net/yCrA8/

蓝色侧边栏应该漂浮在红色中间框旁边，但它正在清除它并位于下方...

我该如何解决这个问题？我无法为 .Middle div 设置宽度，因为它的内容需要在浏览器 View 之外流动并且可以滚动。

干杯

Answer 1

参见: http://jsfiddle.net/thirtydot/yCrA8/4/

一种方法是使用display: inline-block 和white-space: nowrap。

从 .Sidebar 和 .Middle 中删除 float: left，然后添加:

.MainContent {
    white-space: nowrap
}
.Sidebar, .Middle {
    white-space: normal;
    vertical-align: top;
    display: inline-block;
    /* if you need ie6/7 support */
    *display: inline;
    zoom: 1
}