CSS内联编码

我有以下代码，其中div #letmeout。由于外部<div>具有position:relative和overflow hidden;集合，所以不显示#letmeout div。我需要显示#letmeout而不修改外部<div>。CSS内联编码

<div style="position: relative; overflow: hidden;"> 
    <div id="letmeout" width="100%" height="1000px" style=".....">ok</div> 
</div>

我尝试添加background:red; position: absolute; z-index: 10000; color:blue; left: 0px; top: 0px; height:10000px; display:marker; overflow:auto; margin:0px;但#letmeout仍然未显示的内嵌样式。我怎样才能做到这一点，而无需修改外部div，只使用#letmeout上的内联样式？

来源

2011-07-12 Winthan Aung

不太确定你在这里试图达到什么样的目标......你可以改述你的问题吗 –

你是否想让容器div增长？或者你想让容器div保持固定大小并让let流出自由？ – mrtsherman

作为其他人可能有用的注释，如果在外部div中添加一些文本（至少在Firefox 5中），则会显示'＃letmeout' * *。 –

通过为父项分配相对定位，您将sub（child）“锁定”到父容器中。

如果你真的需要一个屏幕接管（如你的代码建议）#letmeout { position:fixed; }可能会有所帮助。尽管如此，固定定位并不像绝对的或相对的。 fixed元素根据视口取其位置。

检查出来：http://www.w3.org/TR/CSS2/visuren.html#fixed-positioning

您还可以找到解释，你的定位，并漂浮在该网址选项，以及。

来源

2011-07-12 04:50:38 Dawson

其实子容器想要通过参数position：absolute来接管屏幕; z-index：10000;宽度：100％，高度：10000px;但职位：只为该地区固定作品。但它并不涵盖整个屏幕。其他块仍在显示，怎么能让子容器接管屏幕:) –

从表决中，但设置'position：fixed'确实在[我的jsfiddle测试]中工作（http://jsfiddle.net/bemace/d8n65 /）。 –

如果文档中还有其他孩子的位置是相对集合，他们仍然会在“接管”div上显示，因为这就是文档流的工作原理。演示：http://jsfiddle.net/WuftH/ – Dawson

回答

相关问题