HTMLのimg、と私はいくつかのHTML内に設定された画像、「img.icon-アバターを持って

Question

に固定されていない親要素の高さ、にクリップ：http://jsbin.com/moqagu/5/edit?html,css,output

にはどうすればいいように画像を強制することができます（現在のように）100％幅ですが、親要素の高さにクリップされているため、次のパネルを押し下げず、パディングを尊重するか含めますか？

HTML：

<div class="row"> 
    <div class="col-xs-3"> 
     <div class="icon-avatar"> 
     <img class="icon-avatar img-rounded" src="http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" alt="avatar"/> 
     </div> 
    </div> 
    <div class="col-xs-9"> 
     <div class="panel panel-primary"> 
     <div class="panel-heading"> 

      <h3 class="panel-title"> 
      Title 
      </h3> 
     </div> 
     <div class="panel-body"> 
      Content 
     </div> 
     </div> <!--panel --> 
    </div> 
    </div> <!-- row --> 

CSS：親要素の高さが固定されておらず、ページ上の他の要素に基づいて行われますので、私は親要素が必要であることを

div.icon-avatar { 
    ? 
} 

img.icon-avatar { 
    width:100%; 
    ? 
} 

注意独自の高さを決定する際に画像を無視する。そのような

Answer 1

：

div.icon-avatar { 
    text-align: center 
} 

img.icon-avatar { 
    width:auto; 
    max-height:90px; 
}