Итоговая левая позиция абсолютного div в релятививе div?

Question

я получил следующий код:

Fiddle

.item { 
    width: 120px; 
    padding: 10px; 
    display: block; 
    background-color: #CCC; 
    float: left; 
    margin: 5px; 
    position: relative; 
} 

.item .item-preview { 
    position: relative; 
    z-index: 10; 
    display: block; 
} 

.item .item-content { 
    /*display: none;*/ 
    position: absolute; 
    left: 0px; 
    top: 37px; 
    padding: 5%; 
    z-index: 11; 
    width: 90%; 
    background-color: #000; 
    color: #FFF; 
} 

Я хочу Див «.item-контента», когда его дисплее, всегда находится на левой стороне и по ширине всей страницы , Как мне это сделать?

Благодаря

Answer 1

Если вы удалите position: relative из .item, вы будете иметь желаемый эффект. Я также удалил top: 37px;, чтобы зафиксировать вертикальное позиционирование. Если вам нужно настроить, что использовать margin-top вместо

Fiddle