CSS:无法在 Photo-DIV 中设置 padding-bottom = 0

Question

 <div id="container">
 <img src="photo.png" alt="foobar" class="myphoto />
 </div>

 #container {
   padding 0;
   border: 1px solid #c8c8c8;
   width: 100%;
   }

 #container .myphoto {
  width: 100%;
  height: auto;
  }

当我这样做时，照片和容器 DIV 的底部边框之间总是有一个空白区域 (~ 3px)。看起来像:

 #container {
  padding: 0 0 3px 0;
  }

有什么技巧吗？

Answer 1

添加 display: block; 到 img。

CSS:

 #container .myphoto {
     width: 100%;
     height: auto;
     display: block;
 }

DEMO HERE