如何使iframe的宽度和高度与其父div相同?

罗希塔·哈蒂瓦达(Rohita Khatiwada)

我在div中有一个iframe。我希望iframe的大小恰好是其父div的大小。我使用以下代码来设置iframe的宽度和高度。

<iframe src="./myPage.aspx" id="myIframe" 
    style="position: relative; 
            height: 100%; 
            width: 100%' 
            scrolling='no' 
            frameborder='0'">

但是iframe的宽度与div不同,并且同时显示水平和垂直滚动条。

阿夫拉罕库尔

你有很多错别字。

正确的标记应类似于:

<iframe src="./myPage.aspx" id="myIframe" scrolling="no" frameborder="0"
    style="position: relative; height: 100%; width: 100%;">
...
</iframe>

另外,如果此框架已经具有ID,为什么不将其放在CSS中(从单独的样式表文件中)如下:

#myIframe
{
    position: relative;
    height: 100%;
    width: 100%; 
}

HTML

<iframe src="./myPage.aspx" id="myIframe" scrolling="no" frameborder="0" > ... </iframe>

请注意,scrollingframeborderiframe属性,而不是style属性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使嵌套表与其父表的高度相同

来自分类Dev

使多个嵌入式div的高度与其父div的高度相同

来自分类Dev

如何根据其父级的宽度和高度设置FontAwesome图标的宽度,高度和位置?

来自分类Dev

如何使div的宽度与屏幕高度相同?

来自分类Dev

如何使div的高度和宽度等于屏幕的宽度和高度?

来自分类Dev

如何设置图像的高度和宽度相同?

来自分类Dev

iframe宽度和高度值

来自分类Dev

查找<iframe>宽度和高度

来自分类Dev

CSS过渡-将子div扩展为其父级的宽度和高度

来自分类Dev

具有与宽度相同的高度和“不简单”内容的 Div

来自分类Dev

使视频的宽度和高度与它所在的 div 相同

来自分类Dev

如何使容器的宽度与其高度匹配

来自分类Dev

使输入和div的高度等于其父级

来自分类Dev

查看其父项的高度和宽度的一半

来自分类Dev

如何使 <li> 与其 <a> 孩子的高度相同?

来自分类Dev

相对DIV宽度和高度

来自分类Dev

div的宽度和高度(percantage)

来自分类Dev

使用javascript更改iframe的宽度和高度

来自分类Dev

如何使div在响应矩形下填充屏幕的宽度和高度?

来自分类Dev

如何通过js从svg div获取宽度和高度

来自分类Dev

如何让div继承浏览器窗口的宽度和高度

来自分类Dev

如何使div的高度与内容和宽度平滑过渡?

来自分类Dev

如何通过js从svg div获取宽度和高度

来自分类Dev

如何在体内对齐div以保持特定的高度和宽度

来自分类Dev

如何根据内容动态设置 div 的宽度和高度

来自分类Dev

如何强制 div 跨越 100% 的可用高度和宽度

来自分类Dev

根据屏幕宽度和高度更改div宽度和高度

来自分类Dev

设置高度div与其他div相同

来自分类Dev

如何使表格及其所有内容在 HTML 中采用其父容器的确切宽度和高度?

Related 相关文章

  1. 1

    如何使嵌套表与其父表的高度相同

  2. 2

    使多个嵌入式div的高度与其父div的高度相同

  3. 3

    如何根据其父级的宽度和高度设置FontAwesome图标的宽度,高度和位置?

  4. 4

    如何使div的宽度与屏幕高度相同?

  5. 5

    如何使div的高度和宽度等于屏幕的宽度和高度?

  6. 6

    如何设置图像的高度和宽度相同?

  7. 7

    iframe宽度和高度值

  8. 8

    查找<iframe>宽度和高度

  9. 9

    CSS过渡-将子div扩展为其父级的宽度和高度

  10. 10

    具有与宽度相同的高度和“不简单”内容的 Div

  11. 11

    使视频的宽度和高度与它所在的 div 相同

  12. 12

    如何使容器的宽度与其高度匹配

  13. 13

    使输入和div的高度等于其父级

  14. 14

    查看其父项的高度和宽度的一半

  15. 15

    如何使 <li> 与其 <a> 孩子的高度相同?

  16. 16

    相对DIV宽度和高度

  17. 17

    div的宽度和高度(percantage)

  18. 18

    使用javascript更改iframe的宽度和高度

  19. 19

    如何使div在响应矩形下填充屏幕的宽度和高度?

  20. 20

    如何通过js从svg div获取宽度和高度

  21. 21

    如何让div继承浏览器窗口的宽度和高度

  22. 22

    如何使div的高度与内容和宽度平滑过渡?

  23. 23

    如何通过js从svg div获取宽度和高度

  24. 24

    如何在体内对齐div以保持特定的高度和宽度

  25. 25

    如何根据内容动态设置 div 的宽度和高度

  26. 26

    如何强制 div 跨越 100% 的可用高度和宽度

  27. 27

    根据屏幕宽度和高度更改div宽度和高度

  28. 28

    设置高度div与其他div相同

  29. 29

    如何使表格及其所有内容在 HTML 中采用其父容器的确切宽度和高度?

热门标签

归档