具有 Iframe 填充剩余部分的固定宽度（左侧）菜单答案

【问题标题】：Fixed width(lefthand) menu with Iframe filling remainder具有 Iframe 填充剩余部分的固定宽度（左侧）菜单
【发布时间】：2011-05-08 20:21:35
【问题描述】：

我正在尝试创建一个相对简单的页面，其中 a 在左侧，占据浏览器窗口的整个高度，具有固定宽度（例如 200 像素），然后是使用其余部分的窗口宽度，以及整个窗口的高度。我想用 CSS 来做，没有 javascript。如果必须的话，我不介意把它包起来。

【问题讨论】：

查看stackoverflow.com/questions/289409/… 或stackoverflow.com/questions/448164/… 或此站点上的各种其他文章。做一些搜索，你应该找到你需要的。
我可能遗漏了一些东西，但据我所知，这在使用 iframe 时无济于事。 Divs，当然，但是 iframe？至少在 Chrome 中不起作用。

标签： html css iframe

【解决方案1】：

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

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

【讨论】：