如何使用CSS调整jQuery的load方法加载的内容的大小

Question

我正在使用load方法在我的网站中加载网页。

// 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>

尽管为content div设置了500px的高度和宽度，但是网页仍以其原始大小加载。

如何放大？

谢谢。

Answer 1

它确实有效，请检查此小提琴。 JSFiddle演示链接

您可能还想将px添加到边距中。

#content{
    margin-top: 10px;
    margin-left: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    background:skyblue;
    width: 500px;
    height: 500px;
    padding:10px;
}

Answer 2

我建议尝试在对象标签本身上设置样式：

#content object {
    width: 500px;
    height: 500px;
}

如何使用CSS调整jQuery的load方法加载的内容的大小

问题描述

2 个解决方案

解决方案1
0 2013-07-08 20:20:13

解决方案2
-1 2013-07-08 20:20:06

如何使用CSS调整jQuery的load方法加载的内容的大小

问题描述

2 个解决方案

解决方案1 0 2013-07-08 20:20:13

解决方案2 -1 2013-07-08 20:20:06

解决方案1
0 2013-07-08 20:20:13

解决方案2
-1 2013-07-08 20:20:06