DIV+CSS如何实现底部对齐
<style type="text/css">
.box1 {border:1px #cccccc solid; width:500px; height:600px;position:relative;}
.box2 {border-top:1px #cccccc solid; border-bottom:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:10;}
</style>
<div class="box1"><div class="box2">我对齐底部了</div>
</div>
position:relative; 想让嵌套层以父层为参考定位，主要是这个属性，父div相对定位，然后子div再用绝对定位就可以了。
position:absolute; bottom:10;相对于父div10象素。
本文Dao Blog - 道博客版权所有，可转载，但需注明出处：http://www.daoblog.com/div-css-bottom.html
下篇文章: 搜索A片的经典关键字
上篇文章: 相对真实的百度热门搜索TOP50
"DIV+CSS如何实现底部对齐" was posted on Wednesday, April 30th, 2008 at 10:59 am.
发表评论
