为元素应用内边距或边框来避免外边距重叠

有时候元素之间留出了一条并不希望看到的缝隙，而别一些时候却无法让元素之间保持一段距离。若效果是由外边距实现的话，那么罪魁祸首十有八九就是外边距重叠现象。Andy Budd 在他的网站中详细解释了这一现象(www.andybudd.com/archives/2003/11/no_margin_for_error).

避免同时为元素指定明确的内边距/边框值与宽度/高度值

Windows平台上的IE5.0和IE5.5浏览器对盒模型的理解是错误的，因此当为元素指定了高度或宽度时，其结果往往不能如我们所愿。虽然对于这个问题已经有了一些权宜之计（请参考http://tantek.com/CSS/Examples/boxmodelhack.html）但最好还是从源头上避免。例如：若某元素需要固定的宽度/高度，那么既可以用其子元素的外边距值来撑大，也可以用其父元素的内边距值来约束。

避免IE6的“无样式内容瞬间”现象

若用@import语句引入外部样式表，那么迟早会发现IE6的“闪烁”问题，即未经CSS格式化的HTML代码短暂地了现在浏览器中。我们可以通过使用link元素，或在页面中添加script元素来避免这个问题。详情请参考BlueRobot.com网站上的这篇文章：“Flash of Unstyled Content” (www.bluerobot.com/web/css/fouc.asp)

不要依靠min-width/min-height属性

IE/Win平台上的IE并不支持这两个属性，但它在某些情况下却把width和height属性认为是min-width或min-height属性。因此，借助于一些只为Windows平台上的IE设计的过滤规则，我们用width和height属性也可以实现min-width或min-height的效果。mezzoblue.com上的文章“”min-height: fixed(mezzoblue.com/archives/2004/09/16/minheight_fi).

尝试减少百分比值

浏览器计算中的舍入误差有时会让50％＋50％等于100.1，导致布局被破坏。这时请尝试略为减少百分比的值，例如将50％改为49％或者49.9％。

IE中设有完整显示出内容？

若页面中的内容没有显示完全，但在鼠标悬停在某链接上时却能正常显示的话，那么十有八九是遇上了IE的“Peekaboo bug”.解决的方案请参考Position Is Everything网站上的文章：(www.positioniseverything.net/explorer/peekaboo.html)

上一页  [1] [2] [3] 下一页