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

回答

相關問題