标签：CSS

1、一定要左对齐，否则IE高度计算出错。
2、LI的列表样式在全局中就应该取消，用背景图代替。
3、LI不要高度，用行高代替。
4、不要用缩进，应该使用LI的左内边距空出点背景图。
5、含时间右对齐的复杂排版下，LI要有宽度属性。否则IE混乱。用A宽撑大时间SPAN到指定位置是比较便捷的做法。
（080130注：LI不需要左对齐，高度不准的原因是设置了LI的高度，而LI的高度设定在IE6下会多出两个像素，似乎是一个清不掉的内空，左对齐能取消这个多出来的下内空，不指定高度，只用行高是一个好的解决方法。另外，还必须设定“溢出：隐藏”这个HACK，因为如果不用此方法清除浮动，在FF和OPERA下第一个LI会没有高度，造成下边线设定的异常。）

《CSS网站布局实录》257页中提到了一个高度不适应的问题。其实IE的问题很好解决，内边距都为0，或者包含的BOX有一个宽度值就OK了。FIREFOX却是个难缠的角色，不知道是不是版本更新的原因，这个书中提及的技巧竟然无效，另外一个技巧也完全无效，无论怎么设定，除非指定高度为准确数字，否则火狐狸就是不适应。

DW也是这样一个德性，不过解决起来也不麻烦，设定BOX为相对定位就OK了，和解决双倍边距的方法一样。就是这只狐狸，方法用尽也不见什么改善。

在蓝色提问之后才发现，感情这个问题叫“清除浮动”，是个老大难问题，众多HACK技巧层出不穷。新近发现的最好的解决方案是在大BOX中设置属性：overflow: auto ，一切问题就都解决了。
世界清静了？有人指出使用该属性后IE和FF都会出现后遗症：IE下鼠标的中键会失灵，不是滚轮失灵，是中键按下去毫无反映。而在一般的页面中，它应该会出现一个导航标志；FF下，设置此属性后会产生会产生focus，并且有演示文件：http://lab.loaoao.com/test/overflow/firefox/focus/。不过对我来说，IE的这个问题不是问题，因为很少用。FF的问题是为爱好钻研的人多提供了一个“茴”字的写法，技巧在IE下不可用。我的首要问题是解决浮动，目前overflow: auto是最好，副作用最小的方式。