Проблема с версткой CSS: откуда берется ступенька?

Question

[Роман Володин]

Пытаюсь написать шаблон для сайта, хочу, чтобы картинки при изменении размеров окна перескакивали на строку ниже. Собственно, всё работает, картинки перескакивают, но непонятно откуда берется эта вот ступенька (см. картинку):



Причем, при ресайзе окна ступенка никуда не девается, а также перепрыгивает на следующую строку. Опыта с CSS очень мало, прошу помощи.

HTML/CSS код

<style>
.gallery_item {
    border: dashed 1px red;
    float: left;
    wi dth: 10%:
}
.gallery_item img{
    max-width: 100%;
}
</style>

<div class="gallery_item">
    <img src="images/13.jpg">
</div>
<div class="gallery_item">
    <img src="images/14.jpg">
</div>
<div class="gallery_item">
    <img src="images/15.jpg">
</div>
<div class="gallery_item">
    <img src="images/16.jpg">
</div>
<div class="gallery_item">
    <img src="images/17.jpg">
</div>
<div class="gallery_item">
    <img src="images/18.jpg">
</div>
<div class="gallery_item">
    <img src="images/19.jpg">
</div>
<div class="gallery_item">
    <img src="images/20.jpg">
</div>
<div class="gallery_item">
    <img src="images/21.jpg">
</div>
<div class="gallery_item">
    <img src="images/22.jpg">
</div>
<div class="gallery_item">
    <img src="images/23.jpg">
</div>
<div class="gallery_item">
    <img src="images/24.jpg">
</div>
<div class="gallery_item">
    <img src="images/25.jpg">
</div>
<div class="gallery_item">
    <img src="images/26.jpg">
</div>

Архив со всеми картинками и html: https://yadi.sk/d/oZNai0gmadQ5G

Answer 1

[Евгений Петров]

Варианты codepen.io/cleric/pen/ECsGK

Comments

[Евгений Петров]

@SelenIT2 эта картинка — прежде всего для понимания расположения плавающих блоков. Я двумя руками за flex-flow:row wrap. Но вот IE9 с его младшим братом IE8 всё ещё не дают иногда покоя.

А ссылку на пример добавил.

Answer 2

[Алексей Николаев]

Попробуй так.

.gallery_item {
    border: dashed 1px red;
    float: left;
    width: 10%:

    box-sizing: border-box;
}

Answer 3

[Alexey Svirschevskiy]

У вас 17.jpg на 2 пикселя больше остальных, перезалейте каринку, либо добавьте в стили

.gallery_item img {
   height: 357px;
}