у меня есть 3 дивы с классом stackContainer:DIV не имеет высоту
.stackContainer {
position: relative;
}
В том, что есть много дивы, я хочу, чтобы те друг на друга, это работает:
.stackItem {
position: absolute;
}
Только 3 стековых контейнера не должны быть друг на друга. Я думаю, что это всего лишь незначительная вещь css.
Является ли это то, что вы хотите достичь? http://jsfiddle.net/Vfqsr/
Если все в stackContainer дивы позиционируется абсолютно, эти дивы не знают, как высоко они должны быть, becaause элементы с position:absolute взяты из нормального потока текста.
Итак, ваша лучшая ставка заключается в том, чтобы выяснить, что такое наибольшее содержание каждого div, и установить значения свойств стека для контейнеров height для этих значений.
Или, дайте им хотя бы один дочерний элемент, который не расположен абсолютно.
то как это делается здесь? http://www.lust.nl/ – clankill3r
Это сделано с помощью Flash. –
они никогда не будут использовать вспышку :) – clankill3r
Дайте stackContainer ширину и высоту, а также:
.stackContainer {
position: relative;
width: 128px;
height: 128px;
}
то как это делается здесь? http://www.lust.nl/ – clankill3r
JavaScript. Просмотрите источник страницы, и вы увидите очень широкое использование jQuery. Это не чистый CSS. –
Вы можете поставить высоту на .stackContainer
.stackContainer {
height:200px;
}
.stackItem {
position:absolute;
}
то как это делается здесь? http://www.lust.nl/ – clankill3r
круто, почти, теперь у вас 1 стек, я хочу 3 стека, для каждого контейнера 1 стек. И тогда ширина и высота контейнера должны основываться на элементах, которые она хранит. – clankill3r
Здесь: http://jsfiddle.net/Vfqsr/1/. Я думаю, что это должно сделать трюк. Измените '5' из' $ margin = 5', чтобы изменить расстояние между элементами stackItems. – BebliucGeorge
еще один, http://jsfiddle.net/Vfqsr/6/ легко ли предотвратить их выход на экран? И почему они находятся друг под друга, а не рядом друг с другом? – clankill3r