最近在写一个Div+Css布局的网站首页，以前写的页面都统一width:900px;不存在什么布局呀 什么float的设置。现在没办法呀！要对页面进行切割，分块。幸好，有点css的基础，不过用起来就比较郁闷了。在ie和firefox下，相同的属性值往往会有不同的显示效果。没办法 要兼容浏览器 只得一个一个bug去找。但完全兼容浏览器是无法做到的，所以也只能将个大概的效果展示出来，不要偏差太大太明显就行。
首先，需要提出的是float这个浮动属性，这是div+css布局的关键所在。float:left;float:right;是常用的浮动属性。为了使div能在一行排列，不得补用到它们。呵呵！不就是个float吗？这有什么好提的，要浮动我就float一下呀。哎！话是这么说，但真正用到时却出问题了。在ie下，只要前一个div有float:left;后面的div宽度不超过（总body的宽度）-（前一个div的宽度），后面的div就自动浮动，并排列在同一行。ie和firefox下，这点效果是一样。好，接着往下，下一行也这样布局，就分两栏吧。
#div1{}{width:200px;height:80px;float:left;border:1px solid blue;}
#div2{}{width:600px;height:80px;border:1px solid blue;}
style >
div >
div >
div >
div >
