HTML-полоса прокрутки, показывающая только часть границ окна

Question

Я пытаюсь встроить полосу прокрутки в следующий div моего HTML-шаблона и хочу, чтобы «поле» отображалось всегда, даже если оно пустое.Но когда я делаю overflow: scroll, появляется только часть границ поля (справа и снизу, но не сверху и слева).Как я могу это исправить?

<div class="col-sm-6">
  <h1>Results</h1>
  <br><br>
  <div style="width: 500px; overflow: scroll; height: 400px;">
  <br>
  <p class="my-results"></p>
  </div>
</div>

Answer 1

Вам также необходимо добавить свойство стиля border. overflow: scroll не имеет ничего общего с верхней и левой границами.

<div style="width: 500px; overflow: scroll; height: 400px; border: solid 1px #ccc">
   ...
</div>