0

load メソッドを使用して、Web サイトに Web ページをロードしています。

// main.js
$(document).ready(function ()
{
    $("#content").html("<object data='http://tired.com/'>");
});

// index.html
<html>

<head>

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script src="scripts/main.js"></script>

    <style type="text/css">

#container{
    width: 100%;
    height: 100%;
}

#content{
    margin-top: 10;
    margin-left: 100;
    margin-bottom: 10;
    margin-right: 10;

    width: 500px;
    height: 500px;
}

    </style>

</head>

<title>
Testing loading a html page into a div
</title>

<body>

    <div id="container">

        <div id="top">
            <p> Top </p>
        </div>

        <div id="content">
        </div>

        <div id="bottom">
            <p> Bottom </p>
        </div>

    </div>

</body>

</html>

contentdiv の高さと幅を 500px に設定しても、Web ページは元のサイズで読み込まれます。

大きくするにはどうすればいいですか？

ありがとう。

4

2 に答える 2

0

それは動作します、このフィドルをチェックしてください。 JSFiddleデモリンク

px余白を追加することもできます。

#content{
    margin-top: 10px;
    margin-left: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    background:skyblue;
    width: 500px;
    height: 500px;
    padding:10px;
}
于 2013-07-08T20:20:13.563 に答える
-1

object タグ自体にスタイルを設定することをお勧めします。

#content object {
    width: 500px;
    height: 500px;
}
于 2013-07-08T20:20:06.303 に答える