Html 带Iframe填充余数的固定宽度（左手）菜单_Html_Css_Iframe

Html 带Iframe填充余数的固定宽度（左手）菜单

html css iframe

Html 带Iframe填充余数的固定宽度（左手）菜单,html,css,iframe,Html,Css,Iframe,我试图创建一个相对简单的页面，左边有一个，占据浏览器窗口的整个高度，有一个固定的宽度（比如200px），然后是一个，使用其余的窗口宽度，还有整个窗口高度。我想用CSS来做，没有javascript。如果有必要的话，我不介意将文件包装成一个文件。 <html> <head> <style type="text/css"> body{ height: 100%; margin: 0px;

我试图创建一个相对简单的页面，左边有一个，占据浏览器窗口的整个高度，有一个固定的宽度（比如200px），然后是一个，使用其余的窗口宽度，还有整个窗口高度。我想用CSS来做，没有javascript。如果有必要的话，我不介意将文件包装成一个文件。


<html>
<head>
    <style type="text/css">
        body{
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    <table cellspacing="0" cellpadding="0" height="100%" width="100%">
        <tr>
            <td style="min-width: 200px;" bgcolor="#333333">

            </td>
            <td width="100%" bgcolor="#666666">

            </td>
        </tr>
    </table>
</body>

身体{
身高：100%；
边际：0px；
填充：0px；
}

现在我要说的是，我只在Firefox和Safari（mac用户）中测试过它，所以我不知道它在Internet Explorer等中会是什么样子，但请随意尝试，这应该会给你你想要的：）

看看或本网站上的其他文章。做一些搜索，你应该找到你需要的。我可能遗漏了一些东西，但据我所知，这对使用iframe没有帮助。当然可以，但是一个iframe？至少在Chrome中不起作用。