DIV 容器中相对定位

Question

我想实现一个功能
DIV相当于一个方框
span A 在这个方框(上面这个DIV中的)左上角
span C 在这个方框(上面这个DIV中的)中间
span D 在这个方框(上面这个DIV中的)右下角

Answer 1

这样？<div style="height:150px;border:1px solid black;">
<center>
<span style="width:50%;height:50px;float:left;background-color:red;">a</span>
<span style="width:50%;height:50px;clear:both;background-color:blue;">c</span>
<span style="width:50%;height:50px;float:right;background-color:yellow;">d</span>
</center>
</div>