回答
给<div id="two">
a height:100%
in css。 iframe需要填充父元素,但没有设置高度。
这是我唯一的解决方案。但它只能在Firefox中使用。你有没有检查铬? 'id =“two”'占据100%的身高。 – Ashwin
我已经在这个小提琴中稍微改变了你的代码。基本上你的蓝盒子div需要一个高度值。 Here's the fiddle
你可以把蓝色的div position: relative
并使用以下CSS的iframe中:
iframe {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
#two {
position: relative;
/* other CSS for #two */
}
您的解决方案将iframe绝对置于正文。所以它不起作用。 – Ashwin
@MotaBOS如果你设置'iframe'到'position:relative'的div,它会将它设置为绝对的div。所以这将是:'#two {position:relative; }'。我会更新我的答案,使其更清楚。 –
更改display: table-row
到display: block
。另外请注意,填充div的高度百分比只适用于具有固定高度的父容器,可以是px
或其他,也可以是百分比%
。 Here是修正小提琴。
否则,您可以尝试使用自己的布局。但是,请将position: absolute;width:300px;height:250px;
添加到您的div #two
。如果要使用百分比显示某个元素,则应该定义它的父容器的属性(宽度和高度),只有这样,子级才会拉伸。
Here是小提琴。
我给了'display:table-row'的原因是蓝色盒子占用了部分的其余部分。我刚刚在我的问题中添加了一个小提琴,即它非常基本。在我的项目中,'wrapper'的高度等于浏览器的高度,蓝框的高度等于浏览器的高度减去50px。现在,请记住浏览器可以调整大小,这样蓝色的高度也会改变。 – Ashwin
检查我的新答案 –
- 1. iPad Safari 100%高度问题
- 2. 100%Div高度问题
- 3. 高度溢出问题:100%;
- 4. CSS 100%高度问题
- 5. CSS高度:100%问题
- 6. 问题与CSS高度100%
- 7. 100%高度Div问题
- 8. CSS高度100%问题
- 9. CSS高度100%的问题
- 10. 100%高度的问题
- 11. iframe汽车高度到100%
- 12. 问题与100%的高度和填充100%的高度
- 13. CSS度100%的高度问题
- 14. 宽度:100%问题
- 15. Swfobject + IE 9高度100%问题
- 16. css div高度100%的问题?
- 17. 100%2列高度CSS问题!
- 18. 另一个CSS高度100%的问题
- 19. 100%容器高度问题--HTML5/CSS2/3
- 20. 主要问题,100%高度的div
- 21. CSS 100%高度+标题静态高度;
- 22. 100%身高问题
- 23. 如何使iframe的高度达到100%..?
- 24. iframe的100%的高度不适用
- 25. iFrame没有扩展到100%高度
- 26. 高度为100%不工作的IFrame
- 27. JavaScript动态调整iframe高度问题
- 28. 在div问题中的高度iframe
- 29. 100%高度或100%宽度
- 30. 高度:100%VS最小高度:100%
这很奇怪,一个简短的回答将被转换为发表意见,即使在不需要更多的解释... –
检查这个答案: http://stackoverflow.com/questions/5867985/iframe-auto- 100高度 – dawnsong
这一个回答你的问题: http://stackoverflow.com/questions/5867985/iframe-auto-100-height [1]:http://stackoverflow.com/questions/5867985/iframe -auto-100-height – dawnsong