亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - Why does the main box model of my page also include the header model space?
天蓬老師
天蓬老師 2017-06-29 10:10:08
0
1
981
<!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" >
    <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>

天蓬老師
天蓬老師

歡迎選擇我的課程,讓我們一起見證您的進步~~

reply all(1)
給我你的懷抱

Not included.

Your header is set with navbar-fixed-top. In bootstrap, this will use position:fixed, causing the header to break away from the regular flow.

According to stacking context rules, positioned boxes are on top of non-positioned boxes in the stream, so you appear to be contained by them.

Usually in this case, you can use margin-top or padding-top to prevent it from being blocked.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template