Jquery Html/CSS代码流中的问题_Jquery_Html_Css_Twitter Bootstrap

Jquery Html/CSS代码流中的问题

jquery html css twitter-bootstrap

Jquery Html/CSS代码流中的问题,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我正在学习网页开发，特别是CSS，我知道JS和HTML，但不知道CSS。我正在尝试使用引导创建网页，但我被它的导航栏卡住了，无法进一步移动。以下是我面临的问题我有一个100像素高的标题栏，然后是55像素高的导航栏，然后是主要内容。当我使用chromedev工具并检查这些Div上的元素时，即使它们是一个接一个的（假设流将是一个接一个的），dev工具显示所有内容都从顶部0位置开始。有人能告诉我这是怎么回事吗？我该怎么解决添加了标题栏，以便我可以将导航栏lil放在较低位置，然后再放在顶部。当我给

我正在学习网页开发，特别是CSS，我知道JS和HTML，但不知道CSS。我正在尝试使用引导创建网页，但我被它的导航栏卡住了，无法进一步移动。以下是我面临的问题

我有一个100像素高的标题栏，然后是55像素高的导航栏，然后是主要内容。当我使用chromedev工具并检查这些Div上的元素时，即使它们是一个接一个的（假设流将是一个接一个的），dev工具显示所有内容都从顶部0位置开始。有人能告诉我这是怎么回事吗？我该怎么解决

添加了标题栏，以便我可以将导航栏lil放在较低位置，然后再放在顶部。当我给标题栏添加一些背景色，然后尝试将浏览器的大小重新调整为较小的大小时，标题栏会隐藏起来

servicesdiv还有一个问题，当我点击servicesdiv时，它没有显示出来

如果有人能帮我解释一下就好了

请查看下面链接中的代码，通过查看演示，您将了解我正在谈论的问题

HTML

<meta charset=”utf-8”>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<html>
   <head>

   </head>
   <body>
   <div class="container">  
    <div id="header" class="container"> </div>
      <nav class="navbar navbar-default navbar-fixed-top container" role="navigation">
          <div class="container inside-bar">  
                 <ul class="nav navbar-right">
                    <li class="active"><a href="#about">About</a></li>
                    <li><a href="#Services">Services</a></li>
                    <li><a href="#OurStaff">Our Staff</a></li>
                    <li><a href="#book">book</a></li>
                    <li><a href="#Gift">Gift Cards</a></li>
                    <li><a href="#Reviews">Reviews</a></li>
                 </ul>
          </div>  
        </nav>
          <div id="mainContent">
            <div id='Services' class="box">
               Services
            </div>
            <div id='about' class="box">
               About
            </div>
            <div id='OurStaff' class="box">
               Our Staff
            </div>
            <div id='book' class="box">
               book
            </div>
            <div id='Gift' class="box">
               Gift
            </div>
            <div id='Reviews' class="box">
               Reviews
            </div>
         </div> 
      </div>
   </body>
</html>










服务
关于
我们的员工
书
礼物
评论

我想你想通过在顶部安装导航栏和平滑地导航到不同的部分来实现一些目标

你可能想用它。你只需要在电子表格中组织你的内容，然后软件就可以让它为你而活

希望这能有所帮助。

不，我不想这样实施。我不希望导航栏位于顶部。您的示例看起来有点像固定导航栏。你可以从我的例子开始，然后用一些CSS来“拉皮条”。