Хорошо, я знаю, что 1) это, вероятно, невозможно только с помощью CSS, и что 2) это действительно не должно быть возможно.
К сожалению, мне нужно найти способ сделать это возможным из-за некоторых требований пользователя.
Ладно, немного упрощенная разметка:
<html>
<head>
</head>
<body>
<div><!--There's content in here --></div>
<div id="wrapper">
<div style="position: absolute;">Stuff1</div>
<div style="position: absolute;">Stuff2</div>
<div style="position: absolute;">Stuff3</div>
<div style="position: absolute;">Stuff4</div>
</div>
<div><!--There's content in here --></div>
</body>
</html>
Мне нужно очистить div внутри #wrapper. Предположим, что все они имеют верхнюю и левую позиции.
Основным препятствием здесь является то, что элементы div в оболочке являются подвижными. Кроме того, можно добавлять, удалять и размещать больше внутренних элементов div в любом месте.
Я думал, что это может быть возможно с jQuery ... Каким-то образом найти самую низкую точку в этом div и установить высоту div в соответствии. Я работаю над этим, но не знаю, с чего начать.
У кого-нибудь есть идеи?
Решение, основанное на предложенном Torgamus javascript
var maxHeight = 0;
$('#wrapper div').each(function () {
var tmpHeight = $(this).height() + $(this).position().top;
if (tmpHeight > maxHeight) {
maxHeight = tmpHeight;
$('#wrapper').height(maxHeight);
}
});