Высота элемента не устанавливается через css

@alanat · Регистрация: 16.07.2012

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

Добрый день.
В коде установлен цвет дива "mmenu" как "green" с высотой дива 100%. Родительсткий див имеет высоту 500px, что означает, что и див "mmenu" тоже должен иметь высоту 500px. Реально же на странице высота дива "mmenu" = 0, что видно по отсутствию зелёного цвета. Почему = 0?

CSS

body {
    background-color: #9F9F9F;
}
.container {
    position:relative;
    width: 400px;
    background-color: #FFF;
    margin: 0 auto;
}
div.zagolovok
{
    background-color:#03F;
    height:30px;
}
.side_content{
    width: 180px;
    background-color: #FFF;
    margin-left:10px;
}
#sidebar1
{
    top: 0px;
    width: 200px;
    height:200px;
    background-color: #FFF;
    float: left;
}
#mmenu
{
    background:green;
    height: 100%;
    width: 200px;
    position: absolute;
      }

HTML5

<body>
<div class="container ">
    <div id="sidebar1">
        <div id="mmenu">
          <div class="zagolovok"></div>
          <div class="side_content">Бетонолом</div>
          </div>
          </div>
          
  </div>
</body>

Заранее благодарен за ответ.

@novichek_1905 · 31.12.2019, 15:44

Пояснение:

alanat, вы же блок #mmenu вырвали из потока, задав ему position: absolute;
а вот position: relative; не указали, поэтому высоту он и не наследовал от #sidebar1.

Ответ:
все что нужно добавить к #sidebar1 position: relative;

@novichek_1905 469 / 334 / 144 Регистрация: 16.02.2018 Сообщений: 930
	31.12.2019, 15:44	2
	Сообщение было отмечено alanat как решение Решение Пояснение: alanat, вы же блок `#mmenu` вырвали из потока, задав ему `position: absolute;` а вот `position: relative;` не указали, поэтому высоту он и не наследовал от `#sidebar1`. Ответ: все что нужно добавить к `#sidebar1` `position: relative;` 2

Опции темы

Высота элемента не устанавливается через css

Решение