Css浮动调整大小布局

Question

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

由于你无法在没有登录的情况下查看我的博客，我创建了deomnstration的小提琴，这是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;
}

http://jsfiddle.net/2Nbu2/

谢谢

Answer 1

尝试给他们两个css浮动到左边。 使用固定像素大小并添加clearfix - 在此处解释http://themergency.com/css-clearfix-demystified/

Answer 2

删除左栏上的浮动。