demo

不知道别人是否遇到类似问题，可能这只是我自己遇到的再别人看来无足轻重的也我未必哈，不过这几天好像就这个头疼，可能我对定位的理解还是太浅薄了， 唉。例如：<h1>标题<span>更多</span></h1>，其中span用float:right;右浮动，会出现换行右浮的现现象，此时在IE7,FF中给span加position:relative;top:-1em;既可以解决问题，可是IE6中开始留下的占位行会被留下来，最后自己找到的解决办法是：在h1加position:relative;再span加position:absolute;right:0;其实发现当初理解定位的时候是理解了relative是按照“自然流”为基点进行的定位，可是理解absolute一直有以为是以屏幕为基准的定位的误区。然后也解决了搜索框因为上述问题加剧的变态问题。用hacks解决了但是最后去掉了所有hacks，表单不一定都要form,说的这些都是自我感觉，可当胡说。

另外，自我感觉下一些处理较大项目代码公用的有待商榷的结论：项目较大，css再不是一个两个，可能是几十个的问题，我们现在的做法是类似全局字体，表单，链接，按钮（项目按钮多再像之前的切图或者单个编写已经不能容忍了），可以的话再加上一些清除浮动的的代码、固定字体大小的例如h2 h3小标题的字号、再就是…想起来再添加。还要一个css文件呢，放公用的代码块，比如公用的头部，底部，侧栏块代码，以及公用的出错提示，JS弹出框代码，这些部分定位尽量不要浮动不要限定固定大小，因为不同位置调用会出现不可预知的麻烦。还要的就是子板块栏目的代码，为了不会重名以及难以分辨，可能的话命名签加一个板块的字母，不过现在并没有做，命名之前用过驼峰，后来乱用，后来是下划线，比如：post_view等，但是看了不少国外的写法是post-view.又不是JS，用驼峰怪怪的- -.最近因为组内赶工，“欲速而没达”，翻工翻的厉害，好在是我翻别人的不是别人翻我的，虽然辛苦下可是还是得到了一些认可。