div中html中的图像不会出现在彼此之下（请参阅图片）？

Question

为什么图像以这种方式出现，？？

    <div id='container'>  
      <div class='imgContainer'>
         <div  class='myLocation'>
              <img src='https://graph.facebook.com/1055505/picture' style='width:30px'>
              Tova Schherr
         </div>
      </div>
      <div class='imgContainer'>
         <div  class='myLocation'>
              <img src='https://graph.facebook.com/1205050/picture' style='width:30px'>
              Alison Carmel
         </div>
      </div>

..... .. 
 ...... 
</div>

你必须知道数据是样本以显示示例，所以它不起作用。

这是myLocation的CSS类

.myLocation
{
    margin-bottom:1px;
    width:100%;

    background-color:#F7F7F7;
    color:#006699;
    padding:7px;
    padding-right:12px;
}

Answer 1

也许，您的doctype需要关闭图片代码。

<img src="" />

Answer 2

尝试在.imgContainer

上使用固定高度

.imgContainer {
    height:80px;
    vertical-align:middle;
}