Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将html页面拆分为点击上半部分的链接将在下半部分打开它,而不会影响上半部分_Html - Fatal编程技术网

如何将html页面拆分为点击上半部分的链接将在下半部分打开它,而不会影响上半部分

如何将html页面拆分为点击上半部分的链接将在下半部分打开它,而不会影响上半部分,html,Html,我希望有一个带有链接的上半部分,当单击它们时,它们将在屏幕的下半部分打开各种页面,可以通过引导选项卡访问,但我不知道如何分割屏幕。您可能需要使用iframe元素您可以创建两个div部分,一个用于显示链接的零件,另一个用于其内容 <div id='navDiv'>Header</div> <div id='contentDiv'>some content</div> *In css-* #navDiv{ po

我希望有一个带有链接的上半部分,当单击它们时,它们将在屏幕的下半部分打开各种页面,可以通过引导选项卡访问,但我不知道如何分割屏幕。

您可能需要使用iframe元素

您可以创建两个div部分,一个用于显示链接的零件,另一个用于其内容

    <div id='navDiv'>Header</div>
    <div id='contentDiv'>some content</div>

    *In css-*
    #navDiv{
    position: fixed;
    top:0;
    width: 100%;
    height: 100px;
    background: white;
    z-index: 10;
    }

    #contentDiv{
    position: absolute;
    margin-top: 100px;
}
您可以在这里看到示例-