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

般代码-未底部对齐:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]
<style type=\"text/css\">.box1 {border:1px #cccccc solid; width:500px; height:600px;}.box2 {border-top:1px #cccccc solid; border-bottom:0; background:#f2f6fb; width:500px; height:22px;}</style> <br/><br/>
    =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]



底部对齐代码:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]
<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:0;}</style> <br/><br/>
    =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]

延伸阅读

• 2010-12-9-- div居中对齐,div中子div在firefox ie 水平居中对齐
• 2009-2-12-- displayformat:可以左右居中对齐并可设置DisplayFormat的Edit控件
• 2008-12-27-- div底部对齐:用js 让图片在 div或dl里　居中 底部对齐