尝试阻止将身体放置在侧边栏下方

Question

我要做的是，在侧边栏旁边没有足够的空间容纳身体时，请阻止其在侧边栏下方移动 。

我更希望身体隐藏在屏幕之外。 而不是放在侧边栏下方。

（调整浏览器大小以查看效果）-单击小提琴链接以获取正在发生的事的示例。

Answer 1

这是jsfiddle要做的事

基本思想是：

#body, #sidebar {display: table-cell;}

并删除所有 float：left。

Answer 2

请注意，IE7无法识别display：table-cell。 您将不得不为IE7编写一个单独的样式表

我创建了另一种方法，宽度不再是侧边栏...两者均基于百分比。 检查这个出来。 如果IE7不打扰您，则使用上述解决方案。