Элемент с фиксированным положением не отображается в нужном месте

user3052443 спросил: 11 июня 2018 в 10:02 в: css

Я пытаюсь добавить страницу на верхний код на страницу. Все работает отлично, за исключением позиционирования кнопки "сверху".

Я показал проблему в этом jsfiddle. Вы можете видеть верхнюю часть в правом нижнем углу. Мне нужно, чтобы он находился в правом нижнем углу среднего div.

Мой код ниже. Я просмотрел описание фиксированной позиции, и он говорит, что он совпадает с окном просмотра. Есть ли способ переопределить это, чтобы он соответствовал определенному div?

.layout {
  float: left;
  width: 150px;
  height: 200px;
  border: 1px solid red;
}

#toTop {
  padding: 5px 3px;
  position: fixed;
  bottom: 0;
  right: 5px;
  z-index: 100;
}

<div>
  <div class="layout">Left column</div>

  <div class="layout">Middle column
    <span id="toTop">To Top</span>
  </div>

  <div class="layout">Right column</div>
</div>

0 ответов