Rumah  >  Soal Jawab  >  teks badan

javascript - Mengapa model kotak utama halaman saya juga termasuk ruang model pengepala?

<!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>

天蓬老师天蓬老师2668 hari yang lalu843

membalas semua(1)saya akan balas

  • 给我你的怀抱

    给我你的怀抱2017-06-29 10:12:08

    Ia tidak termasuk.

    Pengepala anda ditetapkan dengan navbar-fixed-top Dalam bootstrap, ini akan menggunakan position:fixed, menyebabkan pengepala terkeluar daripada aliran biasa.

    Menurut peraturan konteks menyusun, kotak diposisikan berada di atas kotak yang tidak diposisikan dalam strim, jadi anda nampaknya terkandung olehnya.

    Biasanya dalam kes ini, anda boleh menggunakan margin-top atau padding-top untuk mengelakkannya daripada disekat.

    balas
    0
  • Batalbalas