拍拍尘土

当我们把做DIV作为分隔界面的时候，经常出现DIV设置高度无效的问题，比如把div设置高度小于15PX，DIV显示的实际高度确不是设置的高度，导致此问题的解决方法是：对DIV添加font-size设置就可以了。
例：
<div id="divclear"></div>

CSS定义如下：
#divclear {width:100%;height:6px;font-size:0px;}
这样就可以实现DIV高度小于15PX的显示效果。

在我们设计网页的时候，经常会遇到图片自适应问题，实际这些工作完全可以交给浏览器来完成就可以了，只可惜，无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意，网上实现网页图片宽度和高度的方法也很多，主要又两种：

第一种是使用CSS来完成；第二种是使用Javascript来完成，根据实际的应用效果来说，使用Javascript还是比较靠谱一点，因为CSS的expression的确有点烦，笔者是指使用效果上有点恼人，本文专门把这两种都总结一下，方便站长们参考使用。

一、使用CSS实现图片的自适应

使用CSS实现图片自适应很简单，主要靠两个参数来完成，分别是max-width和max-height，这两个参数在FIREFOX和IE7以上支持都很好，但是在IE6上面，效果非常糟糕，尤其是对于多张图片的显示，第一次显示网页大都很难达到图片自适应的效果，一般都是有些能自适应，有些不能...

阅读全文…