<div class="box">
<img src="abc.jpg" />
</div>
那么在css里面只要这样定义就可以了:
.box {height:100%overflow:hidden}
.box img {margin-bottom:-30px}
这样不管图片的高度是多少，底部的30像素都会被隐藏了~~
原始处理方法是将要展示的图片进行处理。比如你的DIV宽度为500px(像素)，那你上传的图片或放入网页的图片宽度就要小于500px，也就是你图片需要图片软件剪切、等比例缩小方法处理后再上传、放入网页中解决撑破撑开DIV问题。常见很多大型图片站点、新闻站点都是将照片图片进行处理适应网页宽度情况下，进行图片编辑处理的。
二、防止图片撑开DIV方法二
如果不处理照片方法适应DIV有限宽度，那可以对DIV设置隐藏超出内容方法。只需要对DIV设置宽度后加入CSS样式“overflow:hidden”即可解决隐藏图片比DIV过宽部分解决撑破DIV问题。
三、解决方法三
对图片img标签中只加入宽度即可解决。这样可以等比例缩小图片，不会影响图片画面质量。
比如你的网页DIV宽度为500px，那你上传图片后对img标签设置width等于500以下即可。
即可解决图片过宽导致DIV SPAN撑破，这样好处可以等比例放大缩小图片。
四、CSS解决撑破方法四
这种方法使用CSS直接对div内的img进行宽度设置，这样不好是如果图片过小会影响网页浏览图片时候效果。
不太理解表达的意思
如果图片自适应的话，有自适应的css
img{max-width:100%height:auto}/*宽度最大为100%，高度自由*/如果需要列表排列整齐，那么设置li的高度为固定；而不是从图片着手。而且从css写法上，你的想法和写法不符合代码常规。
