0

Здравствуйте, подскажите, может кто сталкивался.

<div class="container-fluid maincontainer">
<div class="main-left-right">adf</div>
</div>

Родительский элемент .maincontainer нормально отображается и имеет высоту height:100%, а дочерний .main-left-right нет (min-height:100%; height:100%;)

1
  • Больше кода выложите. Если у родителя стоит height:100% - то родителю родилетя тоже нужно установить height:100%
    – user190134
    29 сен 2016 в 11:10

2 ответа 2

1

Возможно у родителя нет высоты в 100%

html,
body,
.maincontainer,
.main-left-right {
  height: 100%;
}


/* Стили для наглядности */
.maincontainer {
  background: #eee;
  padding: 1rem;
}

.main-left-right {
  min-height: 100%;
  background: #ccc;
}

html,
body {
  margin: 0;
  padding: 0;
}

* { box-sizing: border-box; }
<div class="container-fluid maincontainer">
<div class="main-left-right">adf</div>
</div>

0

Магия. body, html скопипастил и заработало

html,
body,
.maincontainer,
.main-left-right {
  height: 100%;
}


/* Стили для наглядности */
.maincontainer {
  background: #eee;
  padding: 1rem;
}

.main-left-right {
  min-height: 100%;
  background: #ccc;
}

html,
body {
  margin: 0;
  padding: 0;
}

* { box-sizing: border-box; }
<div class="container-fluid maincontainer">
<div class="main-left-right">adf</div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.