多列文本适合高度和水平滚动页面

Question

here is jsfiddle - 红色div将在px中给出高度。黄色会有很多内容。我希望将黄色分为columns（如报纸），其中height为红色div，其间有margin，如果有很多，我希望它们为使页面水平滚动，红色div必须将它们放在自身内部，它们不能overflow。 （最后一个可能是可选的）

Answer 1

只需移除高度，它显示相同的红色和高度。黄色。 你可以查看on here:

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