如果把div的样式设置为display:inline-block并且标签换行的话，同一行内排列的div之间就会出现一道缝隙，不管你设置margin:0;padding:0;border:0;缝隙都不会消失。

就像这样：

解决办法1

div{margin:0;padding:0;font-size: 0;}

就是给div加上一条CSSfont-size: 0;

但是此时会出现新问题，就是div内的字体会消失，这个的解决办法就是在这个div内添加子元素，然后为子元素加font-size属性。

解决办法2

在每个div后面加上注释

<div style="background-color: blue;">1</div><!--
            1--><div style="background-color: darkorange;">2</div><!--
            2--><div style="background-color: violet;">3</div><!--
            3--><div style="background-color: seagreen;">4</div><!--
            4--><div style="background-color: blue;">1</div>