Покажите дочерний элемент выше родительского элемента с помощью CSS

В документации по Java это преднамеренная особенность при указании начального значения для класса Random.

Если два экземпляра Random создаются с одним и тем же начальным числом, и для каждого выполняется одинаковая последовательность вызовов методов, они будут генерировать и возвращать идентичные последовательности чисел. Чтобы гарантировать это свойство, для класса Random указаны конкретные алгоритмы. Реализации Java должны использовать все алгоритмы, показанные здесь для класса Random, ради абсолютной переносимости кода Java.

http://docs.oracle.com/javase/1.4.2/docs/api/java/util/Random.html

Как ни странно, вы бы думаю, что существуют неявные проблемы безопасности, связанные с предсказуемыми «случайными» числами.

18
задан Deduplicator 1 February 2015 в 16:26
поделиться

5 ответов

Установить overflow: visible; для родительского div.

#parent {
    overflow: visible;
}

Изменено, чтобы отразить обновление запрашивающего.

35
ответ дан 30 November 2019 в 06:59
поделиться

Если вы уверены, что вам нужно это сделать, попробуйте поставить

margin-top: -100px; на дочернем элементе или сколько пикселей необходимо, чтобы он появился выше.

1
ответ дан 30 November 2019 в 06:59
поделиться

Сделайте это следующим образом:

.child { 
position: absolute; 
margin: -100px;
}

Используя position: absolute избавится от пустого места, оставленного дочерним элементом при его перемещении вверх.

Edit - после прочтения вашего update: position: absolute по-прежнему применяется в этой ситуации. Он уводит ребенка от родителя. Затем вы используете поля, чтобы расположить его так, как вы хотите.

Таким образом вы можете сделать дочерний элемент больше, чем родительский, и над ним.

.parent{
height: 50px;
width: 50px;
}
.child {
position: absolute;
height: 100px;
width: 100px;
margin: -75px 0 0 -75px;
}
2
ответ дан 30 November 2019 в 06:59
поделиться

Вы можете использовать определение позиции, чтобы расположить ее относительно или абсолютно на странице. IE:

Чтобы показать это прямо над ним, вы должны заменить 100 пикселей в этом операторе размером дочернего блока.

.child{
    position: relative;
    top: -100px;
}
3
ответ дан 30 November 2019 в 06:59
поделиться

Подобно тому, что сказал Чача, вы должны дать родителю относительную позицию, а дочернему - абсолютную, а затем дать дочернему верху: -100px.

Есть ли у родителя переполнение установить скрытый? Это может помешать вашим усилиям.

1
ответ дан 30 November 2019 в 06:59
поделиться