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 that you have read and understand our privacy policy and code of conduct.

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