Question

我的嵌入方法编码如下：

<embed type="text/html" src="header.html">

现在，我成功地将header.html文件嵌入到index.html中，但结果我从顶部标题中得到了一个奇怪的长填充空白。

这是header.html文件：

<div class="top-main-area text-center">
    <div class="container">
        <a href="index.html" class="logo mt5">
            <img src="img/logos/logo4.png" />
        </a>
    </div>
</div>
<header class="main">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <!-- MAIN NAVIGATION -->
                <div class="flexnav-menu-button" id="flexnav-menu-button">Menu</div>
                <nav>
                    <ul class="nav nav-pills flexnav" id="flexnav" data-breakpoint="800">
                        <!-- a couple of li here -->
                    </ul>
                </nav>
                <!-- END MAIN NAVIGATION -->
            </div>
            <div class="col-md-6"> 
            </div>
        </div>
    </div>
</header>
<div class="gap"></div>

以下是我将其嵌入index.html：

的方式

<head>
    <!-- Bootstrap styles -->
    <link rel="stylesheet" href="css/boostrap.css">
    <link rel="stylesheet" href="css/font_awesome.css">
    <link rel="stylesheet" href="css/styles.css">
    <!-- IE 8 Fallback -->
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

</head>

<body class="boxed bg-cover" style="background-image: url(img/backgrounds/wood.jpg)">


    <div class="global-wrap">

<embed type="text/html" src="header.html">

我尝试使用CSS设置，但我没有成功。
为什么我一直在填补那么长的填补空白？

Answer 1

我尝试使用CSS设置，但我没有成功。

这是单独的（并且无效）文档。 <embed>正在运作（定义不明确）<iframe>。

您缺少Doctype和head元素。你没有样式表，所以你在body元素上得到了默认的margin / padding。

使用<embed />嵌入HTML文档会导致很大的差距

1 个答案: