网站用css来布局，怎么样才能让两个层在同一个水平线上！

举个例子
<div style="width:100px;float:left;height:30px;">
<div style="float:left;width:50px; height:30px;clear:right"></div>
<div style="float:left;width:50px; height:30px;"></div>
</div>

不同颜色的话有很多方法的，最简单的用！Important，不清楚的你看
http://hi.baidu.com/kerryhero/blog/item/24240bcf2e1f9530b700c8c1.html
这个里面有详细的

你应该跪求百度

第一个就是把这两个DIV放在同一个大的DIV内，然后设置这两个小DIV同时：float:left;就行
下面一个就得用伪类了
你上网找找那个网站模板，然后改改它的CSS就行，我这样打出来，代码太多
希望有所帮助

左边的快加上 float:left,右边的块加上float:right,只要这两个块的宽度不超过父块的宽就能在同一水平线上了。
想让鼠标放按钮上显示不同颜色，可以不用CSS，你可以做几个颜色的图片，用鼠标响应事件，当鼠标放到按钮上，按钮调取指定图片，鼠标离开，再调取响应图片。如果用CSS原理也一样，鼠标放上，触发一个时间，JAVASCRIPT改变这个按钮CSS控制颜色的属性。