Css浮动调整布局

我在学校项目博客上对CSS有问题。我有两列，左边和右边的容器最大宽度的目标自动调整大小。 但是它不能正常工作。 在某个特定的宽度上，包含文章的左列跳到右列的下方，只有当它到达文本边缘时，才会开始调整大小。 我的目标是调整它的大小，以保留右边的左列

由于您无法在未登录的情况下查看我的博客，我为Deonstration创建了fiddle，这是css的重要部分

#content{
max-width:65em;
margin:0 auto;}

#left-column{
float:left;
max-width:44em;
}

#right-column{
max-width:19em;
float:right;
margin-left:1em;
}

---

谢谢

试着给他们两个左边的css浮动。

---

使用固定像素大小并添加一个clearfix（此处解释）

删除左列上的浮动。

如果有一些解释，您的答案可能会更好。它的工作原理是，但文章下方的边框底部超出了右列：/Add overflow:hidden；至.文章