Question

我正在尝试插入以下代码，但它无效。我无法获得100％的身高。谁能帮我？谢谢！

<body style="overflow:hidden;">
<TABLE align=left width=234 border="0" cellpadding="0" cellspacing="0">
<TR>
    <TD valign=top align=center WIDTH="234" >
        <object data="EmbedPage.html" type="text/html"  style="width: 230px;height:100%;"></object>
    </TD>
</TR>
</TABLE>
</body>

Answer 1

试试这个

<body style="overflow:hidden;height:100%;">
    <object data="EmbedPage.html" type="text/html"  style="float:left;width:230px;height:100%;">
    </object>
</body>

Answer 2

只需将其从表格中删除即可。

<BODY style="overflow:hidden; height:100%;">

<object data="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" type="text/html"  style="float:left;width:230px;height:100%"></object>

</BODY>

http://jsfiddle.net/ma9ic/QtKMa/5/

表格单元格中100％的高度总是很痛苦。从技术上讲，TD没有高度（因为这取决于其内容）。你要求浏览器做的是让孩子100％的父母，这是其孩子的100％，这是其父母的100％...你可以看到这可能是一个问题。

您可以尝试在TD上添加显式高度并使用table-layout：fixed固定在表格上。至少通过这种方式，浏览器知道父级的高度，而不需要孩子的高度，但仍然可能无效。

您可能需要重新考虑如何解决这个问题。

使用设定的高度并使用iframe

显示结果

<BODY style="overflow:hidden;height:100%;">

<TABLE align=left width=234 border="1" cellpadding="0" cellspacing="0">
<TR>
    <TD valign=top align=center WIDTH="234" height="1000">
    <iframe src="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>
    </TD>
</TR>
</TABLE>

</BODY>

http://jsfiddle.net/ma9ic/QtKMa/6/

希望这有帮助

Answer 3

upstream wr_app_server {
  server unix:/path/to/venv/run/gunicorn.sock fail_timeout=0;
}


server {
    listen 80;
    listen 443 ssl;
    server_name westraven.co.uk;
    return 301 $scheme://www.westraven.co.uk$request_uri;
}

server {

    listen   80;
    listen 443 ssl;
    server_name www.westraven.co.uk;

    client_max_body_size 4G;

#
# ACCESS AND ERROR LOG PLUS OTHER FILE LOCATIONS REMOVED
#

    location / {
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_redirect off;
        if (!-f $request_filename) {
            proxy_pass http://wr_app_server;
            break;
        }
    }

#
# ERROR PAGES LOCATIONS REMOVED
#
}

Answer 4

要在全屏上显示它，请使用：100vh;

2i

Answer 5

我使用了以下代码，它在浏览器的宽度和高度上完美呈现 style="width:100vw;height:100vh;"

如何在<object> Embed </object>上获得height = 100％

5 个答案: