爲什麼這個div元素不能延伸到屏幕的頂部？

鑑於CSS爲什麼這個div元素不能延伸到屏幕的頂部？

.reveal .fulldiv{ 
    position:fixed; 
    background: green; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
}

以下位用一個簡單的html文件<div class="fulldiv">foo</div>我得到了我希望，一個綠色的背景，在左上角FOO。當我使用reveal.js創建HTML5演示，我得到的，而不是：

enter image description here

我想到用position:fixed不會計較什麼，它是在結束了但是似乎對於一些容器它是在。我怎樣才能得到這個div像以前一樣擴展全屏？

爲了完整起見，這裏是人體用於畫面（無腳本調用）：

<div class="reveal"><div class="slides"> 
<section class="vertical-stack"> 
    <section class="vertical-slide"> 
    <div class="fulldiv">foo</div> 
    </section> 
</section> 
</div></div>

來源

2013-12-13 Hooked

一個逗號，如果你想要的寬度和高度100實際屏幕的百分比，而不是父母，那麼爲什麼你不能改變HTML，以便它沒有父母？或者讓位置：絕對 –

http://jsfiddle.net/isherwood/R9Hzg必須是其他玩法。 – isherwood

'位置：絕對'沒有效果（也嘗試過）。幻燈片正在自動生成，所以我寧願不編輯此容器外的HTML。 – Hooked

你缺少的CSS

.reveal, .fulldiv{ 
position:fixed; 
background: green; 
width: 100%; 
height: 100%; 
top: 0px; 
left: 0px; 
}

來源

2013-12-13 23:10:47

爲什麼這個div元素不能延伸到屏幕的頂部？

回答

相關問題