解决这个问题的方法如下：
1、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。
2、在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。
3、在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。
4、在test.html文件内，使用div创建网页的头部，使用margin:0 auto设置div居中，同时设置其宽度为800px，背景颜色为灰色。
5、在test.html文件内，使用div创建网页的中部，使用margin:0 auto设置div居中，同时设置其宽度为800px。
6、在test.html文件内，在网页的中部，创建两个div，用于将中部为两部分，每一个部分宽度为50%，左部分使用float:left设置左浮动，右部分使用float:right设置右浮动。
7、在test.html文件内，使用div创建网页的底部，使用clear:both清除上面div的浮动，避免影响底部的布局。同时，使用margin:0 auto设置div居中，同时设置其宽度为800px，背景颜色为#000fff。
8、在浏览器打开test.html文件，查看实现的效果，这样问题就解决了。
如果真要精通css,请千万不要使用dreamweaver,常用的属性都要自己记住，并且能够手写。看看那些招聘前端开发的公司，第一个要求就是能够手写css代码。建议：把常见的属性熟悉一篇，然后自己试着做一个简单的页面，最好是模仿一些简洁的网站，做出来和它写的代码比较一下，看看自己的不足。想象别人的代码为什么比自己的好。多模仿几个，常见的属性几本上能够记住，然后模仿其他网站可以看到别人使用的一些css技巧。这样会很有成就感的哦！
学习哪有那么多捷径？just
do
it
ok?
不会英语，不知道查啊？这个大部分都要你记，记忆是一切聪明才智的基础啊！
常见的真的不多50个以内！
div只是html语言中的一个标签而已，其实这种web标准化的布局方式不应该被称作div+css，而应该称作xhtml+css，xhtml比html更严谨，与html区别不大。如果你对于css了解很少，或者基本空白，那就应该先看看视频，毕竟我认为一味地看书很枯燥，而且书上讲的只是一点程式化的东西，只是教会你什么是CSS，而对于CSS的运用中的某些技巧性的东西可能不会提到。
我以前也是CSS菜鸟，看了几本教程，觉得自己设计一个网站似乎没什么问题，经过实验后发现，写出来的东西在各个浏览器中根本不兼容，更不知道怎么去解决，无奈之下看了视频，原来书上讲的没错，我也确实学会了，但有很多细节上的问题出错，导致不兼容，这就是技巧，如果一味地看书，你不会了解的。
建议去看看web.yuyyadong.com的视频教程，如果你对于XTML和CSS已经通过看书有所了解，那前面几集可以不看，直接看实例，看看在遇到浏览器不兼容时应该怎样的办法使浏览器兼容。（基本上不用CSSHACKER方法）
如果基本上学会了这种布局方法，就是实践的时候了，去http://www.zcool.com.cn/下载几个模板，然后在不看源代码的情况下度着自己做做看，如果能兼容各个浏览器说明你真的学会了。
DIV+CSS布局不难，因为这不算是程序设计，基本上没有逻辑可言，最难的是怎么少用CSSHACKER去兼容各个浏览器。
说了这么多废话，最后希望你能学会，并且希望微软倒闭，世界上再也没有以IE为首的Trident内核浏览器
