Css技巧：div下图片自适应大小的解决办法

今天，网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家：

以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。

形如：

<SCRIPT LANGUAGE="JavaScript">function imgSize(url ,id) {var imgObj = new Image();var imgDiv=document.getElementById(id)imgObj.src = url;imgDiv.innerHTML= imgObj.width + " × " + imgObj.height;}function changeSize(obj, width) {if (obj.width > width) {obj.width=width;}}</SCRIPT><style type="text/css">body {font-size: 12px;text-align: center;margin: 0px;padding: 0px;}#pic{margin:0 auto;width:100%;padding:0;}#pic img{max-width:758px;myimg:expression(onload=changeSize(this, 758));}</style><div id="pic"><img src="http://www.wfuyu.com/uploads/common/images/liehuo_1024x768_1.jpg" border="0" onload="changesize(this, 750);"></div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft(没有它就不必有这么

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠