弄过网页布局的同学都应该知道一件事情——在火狐、chrome、opera这些浏览器弄得好好的页面到了IE6中却让你无语。是的，那也就是浏览器的css兼容性问题，在IE6下有些事情就出了一些令人意想不到的bug~~所以在写css的时候推荐使用多个浏览器同时调试，才能保证兼容性问题一个接一个地被解决。

而这篇文章就是总结一下一些paperen经常遇到的css兼容性问题以及解决方法。直接切入主题吧。

新年就这样过去了，其实paperen都觉得新年好像越来越没意思，都是与亲戚们到处吃饭，自己还是喜欢吃家里的饭，而且到外面吃paperen我一定吃不饱的……最近几天聚会也很多，加上前天服务器维护所以导致今天才能写写文章。?

话说N久之前paperen我就想在网页中使用圆角形来做，看过一些css书中也有相关介绍，某些做法也是很麻烦的，对html结构很不好，而如果大家有对css3有了解的话也知道css3中已经有支持圆角形的css了，只不过不是每个浏览器都能解析，特别是ie，也就是说你还是得安安分分想其他办法去应付ie浏览器中的圆角形效果，而这里也稍微说说自己曾经与现在制造圆角形的方法。?

因为对于css3的圆角形的css代码普遍不被支持，所以paperen一般还是使用图片来制造圆角形的效果。?

先来看最终效果图吧

?

例子 http://paperen.com/demo/pop-box/

哇塞！看到这个题目或许就让人糊涂……连paperen自己都看不懂是什么意思，“更正孤儿”其实这是一个关于css布局的问题，例如你想做一个效果是，左边是一张小图片右边是一堆文字，就是半图半字的布局，那么这篇或许正是你需要的。?

在paperen琢磨自己新设计的皮肤时，也抽点空先尝试一下设计图中一些布局中的css技巧，而也正是有使用这个布局的地方，而在sohtanaka的博客那也找到了一篇关于这个css技巧的文章，而文章名字就是Correcting Orphans，paperen所以在这里也用了这个名字，所谓站在巨人肩膀上嘛~~?

解决方法1：sohtanaka说的?

paperen最近在设计某人的砂场销售系统页面的时候，突然在对css的命名有了点想法，比如对某个元素你可以使用id或者class来对它的css进行编写。前者的区别与后者的区别是明显的，同一个页面中id号是唯一的，也就是说不能有两个或以上的id名字在同一个页面出现，而class则相反，你可以在一个页面中使用同一个class对不同元素进行美化，而且可以套用多个class。类似下面这样写。?

#useid{font-size:12px;}
.useclass{border:1px #CCCCCC solid;}
.bigfont{font-size:14px;}
</style>
<div id="useid">记住ID号唯一</div>
<div class="useclass">而使用class则不同</div>
<div class="useclass bigfont">而使用class则不同</div>

这些是写css的基本准则了，可能大家对多个class一起套用的方法用得不多吧，paperen我也是在学做WordPress的模板时发现可以这样用的（可能是以前看书不够仔细吧……）?

那么如果要写写paperen右边的边栏的css应该怎样写呢？?