Элементы стека друг над другом внутри контейнера

Question

У меня есть несколько элементов внутри списка. Я хочу собрать все их друг над другом. Использование position: absolute на них архивировало этот результат, однако я не могу понять, как сохранить их в пространстве сетки (я использую Materialize grid system). Я попытался добавить обертку с position: relative, но я не мог заставить ее работать.

http://jsfiddle.net/b6naew9h/12/

Как я могу сложить все элементы списка и по-прежнему уважать сетку?

Answer 1

Вы можете установить содержащий элемент li в положение: относительный, как реагирующий элемент (или другой элемент внутри него), тогда позиция li: absolute.

.rel {position:relative;} // this could be on .col or a new element inside it 
li { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width:100%; 
} 

http://jsfiddle.net/nft3mvj6/