html - 带有 Iframe 填充剩余部分的固定宽度(左侧)菜单

标签 html css iframe

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

最佳答案

<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 等中的外观如何,但请随意尝试,这应该会给你什么你想要:)

关于html - 带有 Iframe 填充剩余部分的固定宽度(左侧)菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3267027/

相关文章:

javascript: 在不同的iframe中加载相同的url,如何仅使用一个http请求?

css - 谷歌地图 iframe 类覆盖上面的文字并且不尊重维度

javascript - 无法将同一个子项附加到由 javascript 创建的两个 div 元素

javascript - 简单的 CSS 过渡

php - 克莱因系统。 CSS 不工作

javascript - 从客户端填充 IFRAME

python - 使用 beautifulsoup 仅从 html 页面中抓取以 .ece 结尾的超链接

php - 通过 .htaccess 将所有 *.php 页面重定向到 *.html

php - 父类别作为 wordpress 中的主菜单和子类别作为子菜单

html - Blackberry Simulator OS 7 浏览器失真