Quick Tip: Solving the Equal Height Column Conundrum | Envato Tuts+

There's one familiar problem in web design which has been around ever since we moved from the days of table-based design into the CSS era, and that is: How can I have 100% height backgrounds in my flexible multi-column layout? There are a few solutions to this dilemma. However, the one we're about to cover might be right for your project if you need: Background images, borders, CSS3 effects etc. a

[ginpei]

高さを揃えるCSS。floatでwrapperの高さを確保しつつ配置した上で、擬似要素を背景として絶対位置配置で下に差し込む。（本体を絶対位置配置するとwrapperの高さが確保されない。）　横位置は指定の必要がある。