1页中有2个iframe

时间:2017-09-25 11:08:37

标签: html iframe

所以是的,我已经在这里做了一些研究,没有找到一个好的解决方案。 我试图将2个iframe放入1. JSfiddle here: https://jsfiddle.net/g1v99z62/

<!doctype html>
<html>
    <head>

        <title>XD | ICT | Monitoring</title>

        <style>
            body {
                background-color: #343535;
                font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
                color: #ffffff;
                font-size: 14px;
            }
            h2 {
                font-weight: bold;
            }
            #servid {
                background-color: #F5F5F7;
                padding: 5px;
                color: #343535;
                display: inline-block;
                margin-bottom: 1px;
            }
            iframe {
                margin-top: 0px;
                width: 100%;
                height: 500px;
            }
            #iframecpu {
                margin:0;
                padding:0;
                width:100%;
                height:100%;
            }
            #iframeram {
                margin:0;
                padding:0;
                width:100%;
                height:100%;
            }
        </style>

    </head>

    <body>
        <div id="servid">
                WELCOME
        </div>


        <br />

        <div id="iframecpu">
            <iframe src="http://www.google.com"></iframe>
        </div>

        <br />

        <div id="iframeram">
            <iframe src="http://www.yahoo.com"></iframe>
        </div>

    </body>

</html>

我检查了一切两次..但它没有显示内容.. 那是为什么?

我还在做什么? (除了首先使用iframe。但这只是一个页面,所以我可以监控多个图表,这些图表发布在不同的网址上。所以请不要使用iframe拍摄我。)

1 个答案:

答案 0 :(得分:0)

这一项工作:

&#13;
&#13;
<!doctype html>
<html>
    <head>

        <title>XD | ICT | Monitoring</title>

        <style>
            body {
                background-color: #343535;
                font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
                color: #ffffff;
                font-size: 14px;
            }
            h2 {
                font-weight: bold;
            }
            #servid {
                background-color: #F5F5F7;
                padding: 5px;
                color: #343535;
                display: inline-block;
                margin-bottom: 1px;
            }
            iframe {
                margin-top: 0px;
                width: 100%;
                height: 500px;
            }
            #iframecpu {
                margin:0;
                padding:0;
                width:100%;
                height:100%;
            }
            #iframeram {
                margin:0;
                padding:0;
                width:100%;
                height:100%;
            }
        </style>

    </head>

    <body>
        <div id="servid">
                WELCOME
        </div>


        <br />

        <div id="iframecpu">
            <iframe name="iframe1" src="https://jsfiddle.net/">
            <p>Your browser does not support iframes.</p>
            </iframe>
        </div>

        <br />

        <div id="iframeram">
            <iframe name="iframe2" src="https://jsfiddle.net/">
            <p>Your browser does not support iframes.</p>
            </iframe>

        </div>

    </body>

</html>
&#13;
&#13;
&#13;

只是为了确保它不是浏览器,这个问题就是您选择的网站。 (谷歌和雅虎)