1，默认li的display:inline; 不能接收到clear:both;
所以在FF下面，给li clear:both的时候，要先把li 设为display:block;
2，给body html 设置hieght:100%是必要的，特别在有众多position层的时候.
3，.content .group .g_list 类似这样的派生写法，应该是利大于弊.
4，<a class="a_btn" href="link">click this</a>
在class里写background:url();display:block;text-indent:-9999px;width:50px;height:30px;
a链接也可以变成一个very nice的button.
5，字体为"arial"的英文及数字比字体为"宋体"的高度高2px左右.
6，归避一些引起布局的数据库读取内容。
.news_li {
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; }
7，word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation)等,它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了.
8，word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的.
9，pre
pre{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
10，Internet Explorer将链接的样式表数限制在了32个。
