相對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