2013-02-06 69 views
1

我有一個高度爲100%的iframe以及位於上方的div(高度爲70px)。 iframe溢出頁面,但我希望能夠將100%的高度減去70px,以便iframe的滾動條適合頁面。iFrame 100%高度減去標題

enter image description here

+0

問題通常有一個'?'在其中。 –

+0

你想知道它是否可能通過CSS?如果有人知道如何使用js?什麼? – Toping

+0

嘗試製作具有固定大小的div並在其中插入iFrame。 – David

回答

9

好的,所以我想通了。我剛剛在iframe中添加了一個父div。

<div class="parent"> 
    <iframe src="http://reddit.com"> </iframe> 
</div> 


.parent{ 
    margin-top: 70px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
} 

iframe{ 
    position:absolute; 
    width: 100%; 
    height: 100%; 
    border: 0px; 
} 
+0

我不知道爲什麼需要額外的'DIV',但這對我有用。 – lapo

0

而不是設置上的iframe的高度,使用絕對定位,使得其頂部從頁面邊緣70像素,而另一邊是0像素的路程。