I would like to achieve the following layout if the content overflows the container:

Question

Editorial Team

Asked: June 12, 20262026-06-12T08:01:05+00:00 2026-06-12T08:01:05+00:00

enter image description here

So say if the container is 400px in height, if the content flows over that it creates a new column.

I have created a starter fiddle – http://jsfiddle.net/Gkzc8. The red box represents the container and its height.

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-12T08:01:06+00:00

Editorial Team

Use CSS3 multi-column

#miked {height:400px; background-color:rgba(255,0,0,0.3); -moz-column-count: 3; column-count: 3; /*overflow: hidden*/}

The Archive Base Latest Questions