css - 多列文本适合高度并水平滚动页面

Question

这是 jsfiddle - reddiv将在px. 黄色会有很多内容。我希望将黄色分为columns（如报纸）有height红色的div，margin在它们之间有，如果它们中有很多我希望它们使页面水平滚动并且红色div必须将它们放在内部，它们不能overflow。（最后一个可能是可选的）

Answer 1

只需删除高度，它显示相同的红色和黄色高度。你可以在这里查看：

#a{background:red;}
#b{width:200px; background:yellow;}
h1{font-size:40pt;}​