title: Does anyone know how Pinterest.com's layout works?
body: <p>On <a href="http://pinterest.com/">http://pinterest.com/</a> there are 'pins' ie &lt;div&gt;s of varying height but they all seem to render very well with no 'gaps' or line breaks to interrupt the flow. Is there a good/simple explanation of how they get the CSS to behave and implement that (I am hoping to learn and understand rather than just cargo-cult their CSS file!). Thanks in advance</p>