让一个div显示在另一个div的右下角


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>让一个div显示在另一个div的右下角</title>



<style>
.outer{width:100px;height:100px;background:#eee;position:relative;}
.inner{background:#ccc; position:absolute;right:0;bottom:0;}
</style>




<div class="outer">
    <div class="inner">hello</div>
</div>





程序运行结果如下,点击这里亲自运行看看