在建网站的时候经常会遇到网站由三列或者两列高度不等的问题,对于这种问题最近建站进行了细细的研究,总结出来一共有三种方法:

1、javascript

2、纯css

3、背景图片

分析:1.对于javascript都是我们不想使用的,不但不利于搜索引擎蜘蛛抓取,而且万一用户的浏览器禁用了javscript,那么就前功尽弃了。2.第二种选择也不错,不过比较麻烦,相对来说代码较多,并且不利于浏览器的兼容性,不建议使用。3、第三种是我要推荐的方法,因为第三种无所谓兼容性,利用好css背景background:background-color;background-image;background-repeat;background-attachment;background-position;即可完美解决css自适应高度。

利用背景来实在css自适应高度有以下两个优点:

1、无所谓兼容不兼容

2、节省代码,一般背景图片都很小,几百字节到几kb不等