状况如图
解决后
容器中始终会存在空隙,解决方案
一、首先检查父级元素的margin:和padding:是否设置了不对的值
将margin: 0px 0px; padding: 0px 0px;复制到父级元素样式中(若父级元素有<ul>,也需复制,经常会因为这个地方)
二、给图片img标签display:block
img{display:block}
三、定义容器里的字体大小为0
div {
width:100%;
border:1px solid #000000;
font-size:0}
四、定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top
img{vertical-align:bottom}