溢出與浮點內的絕對位置衝突

Question

存在一個包含浮點元素組''的溢出的'容器'：auto。在'價值'裏面，有一個絕對定位的元素，'popup'被溢出切斷。我怎樣才能讓'popup'出現，並仍然使'容器'失去其佈局？

HTML

<div class="container"> 
    <div class="group"> 
    <span class="label">Label</span> 
    <span class="value"> 
     <span class="popup_container"> 
     <div class="popup">Popup</div> 
     </span> 
    </span> 
    </div> 
    <div class="group"> 
    <span class="label">Label</span> 
    <span class="value"> 
     <span class="popup_container"> 
     <div class="popup">Popup</div> 
     </span> 
    </span> 
    </div> 
</div> 

CSS

.container { 
    overflow: auto; 
    background-color: red; 
} 
.label { 
    float: left; 
    clear: left; 
    width: 100px; 
} 
.value { 
    float: left; 
} 
.popup_container { 
    position: relative; 
} 
.popup { 
    position: absolute; 
    height: 200px; 
    width: 200px; 
    background-color: orange; 
} 

請參閱http://jsfiddle.net/KA7AB/2/

感謝

Answer 1

設置你的popup_container絕對：

position: absolute; 

http://jsfiddle.net/KA7AB/6/