CSSを使用してdivを垂直に下に移動する方法
私はCSSが初めてで、divセクションを下に移動したいと思います（下の添付画像をご覧ください）：
メインdiv（水色のボックス）の左下隅にきちんと収まるようにdiv.titleを「フロートダウン」にするにはどうすればよいですか。
垂直方向の配置を試しましたが、機能しません。
マージントップを与える
div{margin-top:10px;}
青いdivposition: relativeそしてdiv.titleposition:absolute;およびbottom: 0px
これが実際のデモです。 http://jsfiddle.net/gLaG6/
ここではflexboxの言及はないので、以下に説明します。
HTML
<div class="wrapper">
<div class="main">top</div>
<div class="footer">bottom</div>
</div>
CSS
.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main {
flex: 1;
}
.footer {
flex: 0;
}
標準16pxフォントの標準幅スペースは4pxです。