Problem CSS - luki pomiędzy divami

Potrzebujesz tego w style.css:

img { display: block }

i musisz zmienić wysokość .introduction .intro-message na 384px, aby dopasować wysokość obrazu po lewej stronie.

Wykonanie tej czynności rozwiązuje oba problemy.

Alternatywnie do img { display: block } możesz zamiast tego zrobić: img { vertical-align:bottom }. To również naprawia.

Zobacz tę odpowiedź, aby uzyskać dobre wyjaśnienie, co się tutaj dzieje.

W obu przypadkach masz <div class="clear"></div>. Powiedziałbym, że strona zachowuje się zgodnie z oczekiwaniami.

Edycja: Jeśli do przeglądania tej strony używasz przeglądarki Google Chrome, możesz kliknąć obszar prawym przyciskiem myszy i wybrać „sprawdź element”. Wyświetli się okno, które wyświetli kod renderowany przez przeglądarkę, a po prawej stronie pojawi się kolejne okno właściwości, które wyświetla css przypisane do elementów, na które patrzysz.

we wstępie masz obraz większy niż sam div, to musi być problem, łącznie z innymi divami

Pierwsza luka: twoja klasa .introduction ma wysokość 384px, podczas gdy klasa .intro-message (która jest dzieckiem .wprowadzenia) ma wysokość 390px.

Witam, w imieniu Twojej witryny: http://uniquedl.com/3closets/about.html po prostu spraw, aby styl był podobny

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

Wtedy to zadziała