并不是包含。你的header设置了navbar-fixed-top，在bootstrap中，这个会使用position:fixed，导致header脱离常规流。根据堆叠上下文规则，已定位的盒在流内非定位的盒之上，所以你看起来是被他包含了。通常这种情况，你可以使用margin-top或者是padding-top之类的，来防止被遮挡。

javascript - Warum enthält das Hauptbox-Modell meiner Seite auch den Header-Modellbereich?-Fragen und Antworten zum chinesischen PHP-Netzwerk

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Build a Personal Portfolio Webpage</title>
    <link rel="stylesheet" href="./rule/bootstrap-Normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header class="navbar navbar-inverse navbar-fixed-top">
        <nav>
            <p class="container">
                <a class="navbar-brand navbar-text navbar-left" href="#">Free Code Camp</a>
                <ul class="nav navbar-nav navbar-text navbar-right">
                    <li><a href="#">about</a></li>
                    <li><a href="#portfolio">portfolio</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </p>
        </nav>
    </header>
    <main>
        <p class="container jumbotron">
            <header>
                <p class="intro-text">
                    <p>Front-End Developer and UX/UI designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.</p>
                    <hr>
                    <span>
                        Web Developer - User Experience Designer - Graphic Artist
                    </span>
                </p>
                <img src="http://qlip.in/images/avatar.jpg" alt="666">
            </header>
            <p>
            </p>
            <p>
            </p>
        </p>
    </main>
    <footer>
    </footer>
</body>

</html>

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial