使用css让大图片不超过指定宽度的详细代码教程

洪七公

在DIV+CSS网站开发的时候会遇到一个问题，在发布一个大图片的时候因为图片过宽会撑破自己设置的div宽度的问题。

图片撑破布局原因

1、由于浏览器版本低（微软IE6）
2、没有设置div布局的宽度

解决图片超出宽度或撑破div的css布局方法

1、在文章中发布图片的时候将图片编辑缩小
2、通过对对应div的css来设置显示的图片最宽宽度 推荐
3、通过css对图片设定宽度。

css代码示例(假设div名称为demo，想要内容图片宽度不能超过500px)：

.demo img{max-width:500px;_width:500px;}

通过此方法对图片的宽度设置最大宽度为多少，css代码少方便，推荐此方法来解决图片撑破div css布局的宽度。