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将其放在您想要的位置。