日期:2014-05-16  浏览次数:20617 次

DIV 1 浮动在 DIV 2 的底部中间


问题: DIV 1   浮动在   DIV 2  的底部中间 ?

2个DIV 互不嵌套




------解决方案--------------------

<style>
#main{width:300px; position: relative;}
#div1{
 width:140px;
 border:1px solid #fcc;
 margin:0 auto;
}
#div2{
 border:1px solid #ccc;

#div3{
 position: absolute; 
 height:20px;
 width:100%;
 bottom:0px;

</style>
<div id="main">
<div id="div3">  <div id="div1"> div1</div>    </div>
<div id="div2">111<br/>111<br/>111<br/>111<br/>111<br/>111<br/></div>
</div>