Css float 调整布局

Question

我的学校元素博客上的 CSS 有问题。我在容器中有两列，左右两列，最大宽度旨在自动调整大小。 但是它不能正常工作。 在某些特定宽度上，带有文章的左列跳到右列下方，并且仅在到达文本边缘时才开始调整大小。 我的目标是调整它的大小以保留右边的左列。

因为你不能在没有登录的情况下查看我的博客，所以我创建了 fiddle 用于 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 float 到左边。 使用固定像素大小并添加 clearfix - 此处解释 http://themergency.com/css-clearfix-demystified/