#2{width:100px;height:100px;border:2px solid #fff;}
这样的式样，由于1没设置固定的高和宽，而2设定了高和宽都为100px并且边框为2px，那1就被撑开到的高度和宽度尺寸为104px=100px+2px+2px。
浮动的问题，这个最头疼了。这个主要是在使用横向布局的时候，比如使用Ul、Li结构的菜单、工具条等等。设置浮动的DIV那这个元素的margin的数值在IE下会加倍，这是一个ie6都存在的bug。解决方案是在这个浮动的div里面加上display:inline
由于兼容出现的问题会根据不同的情况而出现，所以在这里就讲这些比较常见的问题。同时推荐一些调试工具，都是浏览器插件。一个是在IE下的由微软自己出的Internet Explorer Developer Toolbar，就是英文版的。还有个就是Firefox的Web Developer Extension
七、打包
如果你认真看过Pjblog的官方文档，这部分基本没什么问题了。所谓的打包，就是我们所做的模版的一些文件按Pjblog要求的文档结构布置。并且放置一个可以给Blog程序识别的skin.xml文件。文档的放置结构你随便拿个可用的模版参考一下就行了。我们重点看一下这个skin.xml文件