Расстоянеи между div блоками.

Проблема с версткой. Расстояне в пару пикселей между div не получается убрать. Помогите кто может. Заранее спасибо.

Пример:


<div class="blocks">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>

<style>
.blocks{
  width: 960px;
  margin: 0 auto;
}

.block{
  display:inline-block;
  height: 215px;
  width: 320px;
  background-color: #e9e9e9;
  }
</style>
 

1 ответов


Вставляйте divы без переносов строк и пробелов. Это особенность inline-blockов, они ведут себя как текст в потоке, то есть восприимчевы к пробелам между элементами.


<div class="blocks">
  <div class="block"></div><div class="block"></div><div class="block"></div>
</div>
 

Можно еще так


<div class="blocks">
      <div class="block"></div><!--
 --><div class="block"></div><!--
 --><div class="block"></div>
</div>
 

Или же для родительского блока размер шрифта 0, и не забудьте указать шрифт вложенным блокам так как они будут наследовать родителя.