DIV相对于父DIV底部对齐的实现方法

代码如下

<style type="text/css">
.box1 {border:1px #cccccc solid;  width:500px; height:600px;position:relative;}
.box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:1;background-color:red;}
</style>
<div class="box1">
    <div class="box2"></div>
</div>

 

posted @ 2013-08-20 14:26  山貓  阅读(487)  评论(0)  编辑  收藏  举报