我有一個高度爲100%的iframe以及位於上方的div(高度爲70px)。 iframe溢出頁面,但我希望能夠將100%的高度減去70px,以便iframe的滾動條適合頁面。iFrame 100%高度減去標題
1
A
回答
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像素的路程。
相關問題
- 1. 100%高度減去可變高度
- 2. iframe 100%高度問題
- 3. CSS 100%高度+標題靜態高度;
- 4. iframe汽車高度到100%
- 5. 身高100%減去頂部導航
- 6. 從div高度減去jQuery
- 7. 內容最小高度100%減去可變的導航欄/頁腳高度
- 8. 設定爲100%高度減去其他兩個的DIV
- 9. CSS如何設置div高度爲100%減去一些像素
- 10. 使用javascript可以將div高度更改爲100%減去100px?
- 11. DIV內部的DIV具有100%的高度減去邊距
- 12. 100%寬度減去margin和padding
- 13. 如何使一個DIV使用100%的可用高度(減去頂部標誌高度)
- 14. 如何在100%高度顯示Iframe
- 15. Internet Explorer 7的iframe,使高度100%
- 16. 高度爲100%不工作的IFrame
- 17. iframe的100%的高度不適用
- 18. Iframe自動高度100%與跨域
- 19. iFrame沒有擴展到100%高度
- 20. 高度100和iframe =兩個滾動條
- 21. Iframe 100%高度不起作用
- 22. 顯示屏高度變化iframe 100%div
- 23. 如何使iframe的高度達到100%..?
- 24. css元素高度減去高度變化的元素的高度
- 25. CSS 100%高度問題
- 26. CSS高度100%問題
- 27. 問題與CSS高度100%
- 28. CSS 100%高度問題
- 29. 100%高度的問題
- 30. iPad Safari 100%高度問題
問題通常有一個'?'在其中。 –
你想知道它是否可能通過CSS?如果有人知道如何使用js?什麼? – Toping
嘗試製作具有固定大小的div並在其中插入iFrame。 – David