首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-09-13 
DIV 1浮动在DIV 2的底部中间问题: DIV 1浮动在DIV 2的底部中间 ?2个DIV 互不嵌套[解决办法]style#main{w

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>

热点排行