Как установить высоту div с относительным положением в качестве дочернего div с абсолютным положением с помощью css?

родительская высота div должна быть настроена на дочернюю высоту div, чтобы родительские высоты не перекрывали друг друга. Как это сделать?

http://jsbin.com/zeluke/edit?html, css, выход

1 ответ

  1. Я не уверен, что здесь спрашивается, то есть, родительская и дочерняя высота/ширина/положение не должны перекрываться? или, как в примере, дети должны быть в разных позициях?

    Во-первых, сохранить родительский div с относительным положением и установить его ширину/высоту. Здесь родительские div без высоты / ширины безразмерны, смотря как перекрывать.
    Затем, во-вторых, для детей с абсолютным положением задайте их свойства height/width/(left,right,top,bottom). Элементы Position используются со свойствами (left,right,top, bottom), которые имеют значения по умолчанию, как auto, browser устанавливает, что и как вы можете это же для обоих детей т. е. дети находятся в том же положении относительно своих родителей. Эти 2 шага сделают ребенка и родителя быть в их собственных местах. Вы также можете посмотреть на добавление полей / заполнение для них для большего разделения в визуальных элементах.

    Пожалуйста, помните, что абсолютное положение-это положение относительно ближайшего расположенного предка. Кроме того,рассмотрите возможность использования свойств (левый,правый,верхний, нижний).