Проблема CSS - промежутки между div

Вам нужно это в style.css:

img { display: block }

и вам нужно изменить высоту .introduction .intro-message на 384px, чтобы она соответствовала высоте изображения слева.

Это решает обе проблемы.

В качестве альтернативы img { display: block } вы могли бы сделать: img { vertical-align:bottom }. Это также исправляет.

см. этот ответ за хорошее объяснение того, что здесь происходит.

@Alohci очень хорошо это объясняет.

У вас есть <div class="clear"></div> в обоих случаях. Я бы сказал, что страница ведет себя так, как ожидалось.

Изменить: если вы используете Google Chrome для просмотра этой страницы, вы можете щелкнуть правой кнопкой мыши область и выбрать «проверить элемент». Он предоставит окно, в котором будет отображаться код, отображаемый браузером, а справа будет другое окно свойств, в котором отображается css, назначенный элементам, на которые вы смотрите.

в их div .introduction у вас есть изображение больше, чем сам div, это должно быть проблемой, включая другие div

Первый пробел: ваш класс .introduction имеет высоту 384px, где еще класс .intro-message (который является дочерним элементом .introduction) имеет высоту 390px.

Привет для вашего веб-сайта: http://uniquedl.com/3closets/about.html просто сделайте стиль как

.introduction {
    height: 384px;
    overflow: hidden;
    position: relative;
}

Тогда это сработает