如下图：

带红框的图片是在同一个div中，的用鼠标调整一个图片的大小，其两个也会跟着变化，真是百思不得其解，倒底是怎么回事，请教了。

代码如下（打包成一个压缩文档了）：

http://download.csdn.net/download/pengwei0417/8174545

不爱下载的我把代码粘上来：

这个是html文档的：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>    京东商城    
     
     
     
         
          
   
    
   
    
     
     
      
      
     
     物车中 0 
    
    
    
    
 
 
     
  
首页
 
     
  
时尚化妆品
 
     
  
时尚手表
 
     
  
精美包包
 
     
  
团购商品
 
     
  
优惠活动
 
     
  
EC免费模版
 
     
  
EC商业模版
 
    
 
 
    
          
          
   
    
     
     
 所有分类
 
     
 
 
      
  

    精美包包 
  
 
      
  

    双肩包 手提包 女包 男包 
  
 
      
  

    精美包包 
  
 
      
  

    双肩包 手提包 女包 男包 
  
 
      
  

    精美包包 
  
 
      
  

    双肩包 手提包 女包 男包 
  
 
      
  

    精美包包 
  
 
      
  

    双肩包 手提包 女包 男包 
  
 
     
 
 
     
     
     
 销售排行
 
     
 
 
      
  
1. 芙丽芳丝时尚沐... ￥50元
 
      
  
2. 限量版休闲帆布... ￥100元 
 
      
  
3. 天梭... ￥600元 
 
      
  
4. 雅诗兰黛15色... ￥20元 
 
      
  
5. SUKI 蓝莓... ￥40元 
 
      
  
6. 限量版休闲帆布... ￥100元 
 
     
 
 
     
     
     
品牌专卖 全部品牌
 
      
     
     
     
     
     
     
     
    
    
     
     
     
     
     
     
     
     
     
     
     
     
    
    
    
          
          
   
    
    
    
    
    
    
    
    
      
 

这个是css文档的：

body{    margin: 0;    height: auto;    width: auto;}#content{    background-color: Aqua;    height: auto;    width: 990px;    margin: 0 auto;    font-size: 12px;}#head{    height: auto;    width: auto;    background-color: white;}#head #head1{    height: 110px;    width: 100%;    background-color: white;    position: relative;    top: 0px;    left: 0px;}#head1 a{    font-size: 14px;    position: absolute;    top: 46px;    left: 900px;    color: #666;}#head1 a:hover{    color: Red;}#head #head2{    height: 45px;    width: auto;    background-image: url(./Image/Nalist1.gif);    background-repeat: no-repeat;}#head #head2 ul{    width: auto;    width: auto;}#head #head2 li{    width: 120px;    height: 33px;    line-height: 33px;    float: left;}#nav #firsta{    background-image: url(./Image/Nalist_hover.gif);}#head #head2 a{    color: White;    font-size: 20px;    font-family: "黑体" ,Sans-Serif;    display: block;    width: 120px;    text-align: center;}#head #head2 a:hover{    background-image: url(./Image/Nalist_hover.gif);}#main{    height: auto;    width: 990px;    background-color: Red;}#main #leftmain{    height: auto;    width: 200px;    background-color: Teal;    float: left;    }#main #leftmain div{    width: 100%;    border:1px solid #ECECEC;   border-top-style:none;}#main #leftmain h1{    background-image: url(./Image/category_tree_bg.gif);    width: 200px;    font-size: 16px;    height: 27px;    line-height: 27px;}

回复讨论(解决方案)

你的这个InitialeCode.css文件中，有定义img的大小啊，如果你更改的话，是怎么改的？

img {display: block;height: 26px;width: 177px;}

上面的代码，是你的InitialeCode.css文件中的，你如果是更改这个，那么所有的img图片都会变化的。

LZ是不是将img这个标签 InitialeCode.css的line25这里面的属性改了?

这是会影响所有img标签的宽高. 你要在制定的标签中修改:

回楼上两位，跟初始化的CSS没关系，因为我改的方式是用鼠标拖拽一个图片的边调整大小时，另外两个图大小也跟着变化。
可以下载试一下。