怎么做，让css里的两个子元素不重叠

楼主可不可以把你说的打出来？啥是子元素 ？谢谢

<style>
#father{width:100px;height:100px;border:1px solid red;}
#son1{width:30px;height:15px;border:1px solid #999;float:left;}
#son2{width:30px;height:15px;border:1px solid pink;float:left;}
</style>
<div id="father">
<div id="son1"></div>
<div id="son2"></div>
</div>

overflow: hidden？