0

Есть два блока - один во втором.

.newsblock {
    position: relative;
    background-color: #fa660a;
    width: 60%;
    float: right;
    top: 0%;
    height: 100%;
    z-index: 3;
}
 
.pushstack2 {
    position: absolute;
    background-color: #800921;
    top: 20%;
    bottom: 30%;
    left: 10%;
    right: 10%;
    border-style: solid;
    border: black;
    border-width: 5px;
}
<div class="newsblock">
    <div class="pushstack2"></div>
</div>

Задача в следующем. Внутри блока newsblock создаются блоки pushstack2. Нижняя граница newsblock должна сдвигаться вниз, когда создаваемые pushstack2 "перестают влезать" в newsblock.

Никак не могу понять, как обеспечить сдвигание нижней границы

2

1 ответ 1

1

Не понимаю, почему блок должен автоматически изменять высоту? У Вас pushstack2 с позиционирован absolute. Я конечно может быть не прав, но absolute, это когда блок с этим свойством, как бы "отделяется" от страницы и спокойно "плавает" в блоке с позиционированием relative. Вы точно уверенны, что блок newsblock должен учитывать высоту и количество pushstack2? Мне кажется лучше использовать что-то вроде margin-top и margin-bottom незная цели и что должно получиться в итоге. Либо использовать JS: получать высоту вложенных элементов, плюсовать и устанавливать инлайн стили + отступы рассчитать. Сейчас сложно сказать что либо, но тем не менее, нужно больше инфы: как, что, почему и куда. Может быть это вообще по-другому делается. Аминь

3
  • Получилось, когда вставил в стиль pushstack margin-bottomю Commented 9 апр. 2019 в 13:09
  • Но position оставил абсолютной. Спасибо за подсказку с margin-bottom Commented 9 апр. 2019 в 13:10
  • @Andrey1981spb не знаю зачем и почему, но вам виднее Commented 9 апр. 2019 в 13:25

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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