1:

底部對齊的代碼(相對于父塊)：

<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>
<div class="box1">
<div class="box2"></div>
</div>

2：

?

<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>
<div class="box1">
<div class="box2"></div>
</div>

轉載于:https://www.cnblogs.com/mrray/archive/2011/11/20/2255985.html

總結

以上是生活随笔為你收集整理的DIV相对于父DIV底部对齐的实现方法-Div+CSS教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。