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

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

今天，网小编的一位站长朋友在修改模板时遇到一个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(没有它就不必有这么 总结

以上是内存溢出为你收集整理的Css技巧：div下图片自适应大小的解决办法全部内容，希望文章能够帮你解决Css技巧：div下图片自适应大小的解决办法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。