CSS布局：避免走误区

为什么我会写这篇文章呢，其实自己在学习 div+css 的时候没太多去看前人的经验，只是看了书了盲目的实践 , 能够把布局布出来就感觉自己真的学会了 div+css 布局 , 其实很久之前就要写的了，一直没有时间，今天拿出来跟大家分享下如果避免走误区。

自己在开发 css 也半年多了 , 其实 div+css 的真实名字叫 XHTML+CSS ，为了方便跟 html 区别我将写成 div+css ，自己刚开始写 css 的时候也是跟一些刚学的同学一样，感觉 table 比 div 快，在网页上随便拉拉几个框加上图片出 OK 了，但是如果你真的学习了 div+css 后你就会觉得它的好处和方便了，下面说入正题，我今天所说的误区就是选择对的游览器将是对你学习 div+css 的一个转折点。

我说下我的经验吧，在去年的时候我是使用 IE6 游览器的，但是在开发自己的学习网 http://www.gzse7en.com 的时候也是我刚开始学习 div+css 的时候，根本就不知道什么叫兼容，看书介绍过，但是没有真正遇过，当时开始的时候用标准的代码在 IE6 简直就是错位百出，我还以为是我自己的技术问题呢 ! 我就根据错位的布局改代码改成在 IE6 下不错位为止，当时我电脑没有其他游览器了，其实 TT ，世界之窗那些都是基于你本机的 IE 内核的，根本就测试不出来，开发了一段时间后慢慢的就以 IE6 的规格去开发了 , 在今天的年后，我安装了 WIN7 后 IE 自动升级到 IE8 的时候，突然眼前傻了，在 IE6 所谓的整齐布局竟然在 IE8 走位严重，接着我变下载了 IE7 和 FF 、 OP 的一些游览器一测试基本都走位，这个时候我基本呆了，一个自己以为开发的不错的布局，在其他游览器却是乱位，那个时候我变下决心在看一些标准的 CSS ，然后遵循 W3C 标准和 SEO 专用的一些 CSS 类名词开发，经过努力后功夫真的不负有心人，现在竟然越来越熟悉标准的写法了。

这里我分享一下心得吧，在开发 CSS+div 布局的时候先按照 FF 和 IE8 来开发，现在这两个基本没有什么错误的了，然后 IE6 和 IE7 使用 hack 或者 !important 来写都可以，不过最好就是能做到标准，不需要写这些 HACK 。有一次我在网易 163 上面查看它们的 CSS 的时候竟然没有发现一个 !important ，大家不妨可以看一些大网站的写法，结合自己的习惯。

 

本人的网站： http://www.gzse7en.com