html - CSS 溢出 : Force one div to overflow

Question

是否可以只让某个元素溢出父div？

我隐藏了所有子 div 以防溢出，但我需要其中一个子元素溢出并 float 到限制父元素之外。

参见 http://sandbox.pixelcraftwebdesign.com/engineering并使用随机数进行一些计算。

右上角的红色小数字需要浮在输出div的外面。

Answer 1

不完全确定您在寻找什么，但这里有一个 fiddle 演示了某个子 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