讓導(dǎo)航條固定在頂部給body設(shè)置了padding-top：70px 為啥還是會遮住內(nèi)容呢？請大家復(fù)制我的代碼幫我看一下謝謝了
<!DOCTYPE html>
<html>
? <head>
??? <meta charset="utf-8">
??? <meta http-equiv="X-UA-Compatible" content="IE=edge">
??? <meta name="viewport" content="width=device-width, initial-scale=1">
??? <title>現(xiàn)代瀏覽器博物館</title>
??? <!-- Bootstrap -->
??? <link href="css/bootstrap.min.css" rel="stylesheet">
??? <!--[if lt IE 9]>
????? <script src="js/html5shiv.js"></script>
????? <script src="js/respond.min.js"></script>
??? <![endif]-->
??? <style>
?????? body{
????? ??? ?padding-top:70px;
?????? }
??? </style>
? </head>
? <body>
?? <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
? <div>
??? <!-- Brand and toggle get grouped for better mobile display -->
??? <div>
????? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
??????? <span>Toggle navigation</span>
??????? <span></span>
??????? <span></span>
??????? <span></span>
????? </button>
????? <a href="#">現(xiàn)代瀏覽器博物館</a>
??? </div>
??? <!-- Collect the nav links, forms, and other content for toggling -->
??? <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
????? <ul class="nav navbar-nav">
??????? <li><a href="#">綜述</a></li>
??????? <li><a href="#">簡述</a></li>
??????? <li>
????????? <a href="#" data-toggle="dropdown">特點(diǎn) <span></span></a>
????????? <ul role="menu">
??????????? <li><a href="#feature-tab" data-tab="tab-chrome">Chrome</a></li>
?? ??? ??? ?<li><a href="#feature-tab" data-tab="tab-firefox">Firefox</a></li>
?? ??? ??? ?<li><a href="#feature-tab" data-tab="tab-safari">Safari</a></li>
?? ??? ??? ?<li><a href="#feature-tab" data-tab="tab-opera">Opera</a></li>
?? ??? ??? ?<li><a href="#feature-tab" data-tab="tab-ie">IE</a></li>
????????? </ul>
??????? </li>
??????? <li><a href="#">關(guān)于</a></li>
????? </ul>
??? </div><!-- /.navbar-collapse -->
? </div><!-- /.container-fluid -->
</nav>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
<p>dfghjkjhgfds</p>
<p>1111111111111</p>
<p>2222222222222222222222</p>
??? <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
??? <script src="js/jquery-1.11.1.min.js"></script>
??? <!-- Include all compiled plugins (below), or include individual files as needed -->
??? <script src="js/bootstrap.min.js"></script>
? </body>
</html>
2017-03-28
注意navbar-fixed-top吸頂導(dǎo)航條