HTML / CSS – Flush Div Alignment？

我正在尝试创建一个设计,其中我有一个图像的div,然后下面的上一个/下一个按钮与图像/ div齐平.我遇到了一些问题,因为两者之间总有一些空间.

红色是我想要消除的,我似乎无法找到它的来源.它目前是红色的,因为我指定了干燥的背景颜色,以找出为什么创建这个空间/压缩它.

这是我的HTML：

这是我的CSS,我想问题就在这里,但我似乎无法找到它…感谢您的帮助,我一直在用这种方式挣扎太久.

/* galleries#index */

.time {
  font-size: 16px;
  color: #333333;
}

#image_description {
  clear: both;
}

/* _picture */

div .picture {
  width: 642px;
  margin: auto;  
  background-color: red;
}

.logo {  
  width: 140px;
  float: left;
  height: 38px;  
  color: #FFFFFF;
  background-color: #000000;
  font-size: 28px;
  font-weight: 400;
}

.logo a a:visited{
  color: #FFFFFF;
}

.logo a:visited{
  color: #FFFFFF;
}

.logo a:hover{
  text-decoration: none;
}

/* pagination */

.pagination {
  height: 38px;
  float: right;
}

.next_page {      
  color: #FFFFFF;
  background-color: #3399FF;
  color: #333333;
  font-size: 28px;
  font-weight: 400;
}  

.previous_page {     
  color: #FFFFFF;
  background-color: #FF66CC;
  color: #333333;
  font-size: 28px;
  font-weight: 400;
}


最佳答案
添加以下内容：


.picture img{
     display:block;
}

这是内联图像导致的已知错误.见here.
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!