最近在做一个项目的时候，由于设计的东西很精致，属于比较花俏的东西，所以也就不能像网易搜狐那些大站那样，行行列列很工整 的排列布局，其实我是很喜欢网易那样的布局，每块东西都是可以上下左右对换着放，一点不会影响网易的美观度。呵呵，但是这个是他们设计了好长时间的作品了，也很漂亮，想想还是按照他们的设计一样的做着好了，所以在做首页的时候就想用DIV的布局去做，因为DIV是可以实现绝对定位的。下面是子DIV相对与父DIV的绝对定位，相信对大家应该会有点帮助的，注意代码里面的黑体哦，父DIV一定要设置position:relative才能让子DIV实现对父DIV的绝对定位，效果大家可以看看这里：http://www.sunleaf.net。

<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>

底部对齐的代码：

<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>

以上代码从百度中搜索过来的，代码不是关键，关键是要明白为什么要这样去做跟怎么去实现的。这个年头的程序最强的能力就是模仿，看见什么东西好，不出一个月就可以做出一个一模一样的程序来，o(∩_∩)o...哈哈。