div布局设置

一个父div里有两个子div，如何让其垂直对齐

<div id="1"><div style="clear: both;" id="2">aaa</div><div style="clear: both;" id="3">bbb</div></div>

置于clear:both的作用，简单来说，就是清除同行元素，不允许其它元素与之在一行内

<style>.clear_test {clear: both;height: 10px;overflow: hidden;}.yao {/*设置div的边框*/border-style: solid;border-width: 1px;border-color: #000;background-color: red;float: left;width: 100px;height: 100px;}</style><div class="yao">aaa</div><div class="yao">bbb</div><div class="clear_test"></div><div class="yao">ccc</div>