CSS溢出：強制一個div溢出

Question

是否有可能只讓某個元素溢出父div？

我隱藏所有的子div從溢出，但我需要其中一個子元素溢出和浮動限制父之外。

請參閱http://sandbox.pixelcraftwebdesign.com/engineering並運行一些隨機數的計算。

右上角的紅色小數字需要浮動在輸出div上方和外部。

Answer 1

假設你想要的寬度保持不變：

1. 從.output刪除overflow:hidden。
2. 設置.output .right至width:257px;overflow:hidden。
3. 設置.result-rh, .result-temp至width:241px。

此修復程序允許容器溢出，但隱藏右側的溢出。它也給右側適當的大小，以防止結果SPAN被剪輯。

適用於Firefox 3.6.17。還應該在其他瀏覽器中工作。

Answer 2

不完全知道你是什麼之後，但這裏是一個小提琴展示一定小孩DIV浮動外面顯示的所有內容：http://jsfiddle.net/dcpDa/

<div id="parent"> 
    <div class="dontShow">Dont Show All Of Me</div> 
    <div class="dontShow">Dont Show All Of Me</div> 
    <div class="dontShow">Dont Show All Of Me</div> 
    <div class="dontShow">Dont Show All Of Me</div> 
    <div class="doShow">Okay, Show All Of Me</div> 
    <div class="dontShow">Dont Show All Of Me</div> 
    <div class="dontShow">Dont Show All Of Me</div> 
    <div class="dontShow">Dont Show All Of Me</div> 
</div> 

CSS：

div { 
    width: 5em; /*constrain div */ 
    height: 1em; 
    border: 1px solid #aaa; 
    background-color: #ccc; 
} 
.dontShow { overflow: hidden; } /* do not show overflow */ 

.doShow { 
    width: auto; /* over ride constraints and show all */ 
    height: auto; 
    position: absolute; /* break from flow */ 
    left: 15em; /* position where you want */ 
} 

這裏有兩篇關於CSS定位的文章最近發現有用：
css Floats 101
Css Positioning 101

Answer 3

對您要展示的孩子使用position: absolute;。然後，您可以使用top,left,height和width將其放在您想要的位置。