Сделать относительный div иметь размер содержимого ⇐ Html

[Anonymous]

Код: Выделить всё

.inside {
position: absolute;
background-color: red;
top: 0px;
left: 0px;
width: 200px;
height: 200px;
}

.inside2 {
height: 210px;
background-color: blue;
}

.inside3 {
height: 220px;
background-color: black;
}

.box {
position: relative;
}

Код: Выделить всё

У меня есть два элемента div (внутри класса), которые перекрываются. Размер не фиксирован (возможно, 200 пикселей или 210 пикселей). Я уже сделал его перекрывающимся, используя позицию: Absolute, и установил относительный блок.
Проблема с блоком в том, что он имеет высоту 0 пикселей, поэтому эти блоки просто перекрывают одну и ту же позицию, а не представляют собой три отдельных блока. Как это исправить?


Что я хочу:



Подробнее здесь: https://stackoverflow.com/questions/375 ... ntent-size