CSS浮动Div布局问题，包括<；预处理>；代码块

我有一个带有浮动div的简单的2列CSS布局

左列的固定宽度为290px。 我想让右栏占据显示器的其余部分

然而，在右栏中，我有一个

#Left {
    width: 290px;
    float: left;
}
#Right {
    float: left;
}
.code {
    overflow-x: scroll;
}

现在明显的问题是，如果不在代码块或右栏上放置固定的宽度，每当代码块内容超过屏幕的剩余宽度时，它就会移动到左栏下方（而不是它旁边的右栏）显示

---

有什么想法吗？提前感谢。

只需删除

float:left来自
#右侧

出于某种原因，我还不明白，这是100%有效的。谢谢回到学习CSS浮动之类的东西上来，因为我显然没有想象中那么理解它。我的印象是，相邻的两个div都应该浮动。
#Left {
    width: 290px;
    float: left;
}
#Right { }
.code {
    overflow-x: scroll;
}