Не задается высота дива

@gretyl · Регистрация: 28.06.2017

Author24 — интернет-сервис помощи студентам

Всем привет. Такой вопрос: есть два дива, идущие друг за другом:

HTML5

<div class="promo-section">
               <div class="promo-text"></div>
               <div class='clearfix'></div>
              <div class="countdown"></div>
               <div class='clearfix'></div>
         </div>
         <div class="join-section">
          </div>

Стили:

CSS

.promo-section{
    height:100%;
    max-height:1100px;
    position: relative;
}
.promo-text{
    width:100%;
    max-width:570px;
    height: 486px;
    position: relative;
    top: 220px;
    margin-right:60px;
    float: right;
    text-align: center;
    font-family: Canter-Bold;
    font-size: 104px;
    text-shadow: 0px 1px 1px #000; 
    color: white;
}
 
 
.clearfix{
    clear:both;
}
 
.join-section{
    position:relative;
}
 
.title{
    text-align: center;
}
 
 
.countdown{
    float:right;
    text-transform: uppercase;
    position: relative;
    top: 40px;
    width: 46%;
}

При этом див join-section почему-то вылизт поверх promo-section. В чем ошибка?

@AlexZaw · 30.06.2017, 13:30

В данном конкретном примере он никуда не вылазит, а идет сразу за promo-section.
Покажите случай где он начинает вылазить

@gretyl · 30.06.2017, 13:42 **[ТС]**

Вот как это выглядит у меня. Таймер это див countdown, а надпись join us уже join-section.

@AlexZaw · 30.06.2017, 13:58

Имелось ввиду код, по картинке только видно что он вылез, а вот почему определить невозможно.
Можно попробовать убрать позиционирование join-section, но вряд ли это поможет.
Тут может быть все что угодно. Лишняя строка кода в стилях, которая переопределяет местоположение, скрипт, CMS, да мало ли...

@zuluss · 30.06.2017, 18:41

ссылка на сайт может помочь в решении вопроса

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	30.06.2017, 13:30	2
	В данном конкретном примере он никуда не вылазит, а идет сразу за promo-section. Покажите случай где он начинает вылазить 0

@gretyl 0 / 0 / 0 Регистрация: 28.06.2017 Сообщений: 33
	30.06.2017, 13:42 [ТС]	3
	Вот как это выглядит у меня. Таймер это див countdown, а надпись join us уже join-section. Миниатюры 0

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	30.06.2017, 13:58	4
	Имелось ввиду код, по картинке только видно что он вылез, а вот почему определить невозможно. Можно попробовать убрать позиционирование join-section, но вряд ли это поможет. Тут может быть все что угодно. Лишняя строка кода в стилях, которая переопределяет местоположение, скрипт, CMS, да мало ли... 0

@zuluss 28 / 28 / 8 Регистрация: 23.12.2015 Сообщений: 97
	30.06.2017, 18:41	5
	ссылка на сайт может помочь в решении вопроса 0