Question

CSS:这样包裹的div，如何使内部div相对于外部div底部对齐呢？

<div>
<div></div>

<div></div>
<div></div>
</div>

Answer 1

<style type="text/css">
*{margin:0;padding:0;}
.div{width:800px;height:500px;margin:0 auto;background:red;position:relative;}
.div div{width:220px;float:left;background:#CCC;margin:10px;}
.div .div1{position:absolute;left:0;bottom:0;}
</style>
<div class="div">
    <div class="div1">第一个</div>
    <div class="div2">第二个</div>
    <div class="div3">第三个</div>
</div>

Answer 2

我来总结一下吧。
将父级DIV设置position:relative
然后子级DIV设置position:absolute
再根据需要进行left,top,right,bottom等各项的设置即可。

Answer 3

用pisition ，里面可以设置对齐属性，你去百度搜一下pisition的用法就知道了