Установите верхнее значение одного элемента, равное высоте навигационной панели

Я использую Bootstrap и имею следующий код:

<nav class = "navbar">
...
</nav>

<div class = "progress-bar">
...
</div>

Я хочу установить верхнее значение .progress-bar равным высоте навигационной панели. Как я могу этого добиться?

К сожалению, с Javascript или фиксированной высотой.

Paulie_D 22.01.2019 16:49

Поместите его в элемент навигационной панели (или прямо под ним) и настройте стиль для его поддержки.

Kevin B 22.01.2019 17:02
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
2
2
47
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

var navbarHeight = $('.navbar').height();
var progressBar = $('.progress-bar');
progressBar.css("top", navbarHeight);
.container {
  position: relative;
}

.navbar {
  height: 500px;
  background: yellow;
}

.progress-bar {
  width: 100%;
  height: 500px;
  position: absolute;
  background: red;
}
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class = "container">
  <nav class = "navbar">
    ...
  </nav>

  <div class = "progress-bar">
    ...
  </div>
</div>

Другие вопросы по теме