HTML、CSS/<img>始终与<div>有空隙（左边），怎么做都消不去

状况如图

解决后

 

 

容器中始终会存在空隙，解决方案

一、首先检查父级元素的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}