文档章节

position: fixed写在顶层.navbar里,整个浏视窗的滚动条就没了

h
 hhj187
发布于 2016/09/05 12:08
字数 286
阅读 34
收藏 0

position: fixed写在顶层.navbar里,整个浏视窗的滚动条就没了?

答:因为position:fixed, 脱离了文档流了,你设置body的最小高度为设置fixed的元素的高度,就会出现滚动条了

<body> 
<nav class="navbar navbar-main navbar-fixed-top">
  <div class="navbar-container">
    <div class="navbar-header">
      <a class="navbar-brand-logo" href="/">
        <!-- a链接还能装div??????? -->
        <div class="logo-box"></div>
        <!-- logo-box的大小可以装下logo和机智云三个字 -->
        <span class="logo-font">机智云</span>
        <span class="logo-font logo-desc">智能硬件自助开发及云服务平台</span>
      </a> 
      <button class="navbar-toggle">
        <i class="fa fa-bars"></i>
      </button>
    </div>
    <!-- .navbar-header end -->
    <ul class="navbar-nav navbar-right">
      <li class="first"><a href="/">产品服务</a></li>
      <li><a target="_blank" href="http://docs.gizwits.com/hc/">开放平台</a></li>
      <li><a target="_blank" href="http://club.gizwits.com/forum.php">社区</a></li>
      <li><a href="/news/">新闻活动</a></li>
      <li class="last"><a href="/about-us">关于我们</a></li>
      <li class="last dev-center-link-box">
          <!-- dev-center-link-box 译:开发中心链接盒子 -->
          <a class="dev-center-link" href="http://site.gizwits.com/zh-cn/developer/">
            <div class="content-box">
              <div class="ndex-header_dev_icon dev-center-logo"></div>
              <span class="dev-center-text">开发者中心</span>
            </div>
          </a>
      </li>
    </ul>
    <!-- ul.navbar-nav、.navbar-right结束 -->
  </div>
  <!-- navbar-container结束 -->
</nav>
 </body>

 

 

nav.navbar{
    width: 100%;
    height: 60px;
    background: #000;
    position: fixed;
}

© 著作权归作者所有

h
粉丝 1
博文 84
码字总数 12457
作品 0
天津
私信 提问
Bootstrap 2.1 发布,Twitter 的 Web UI 框架

Bootstrap 发布了一个新的大版本,解决了大量的 bug,改进了灵活性和持续性,引入一些很棒的新特性。 主要包括: Submenu support on dropdowns. We avoided this for some time as we thou...

oschina
2012/08/21
7.6K
32
有关bootstrap的scrollspy

我的html页面有一个navbar-fixed-top,然后再下面有一个div.container,里面又分有几个div里面输入了一些文字。但是我每次在页面里面点击我的navbar.li里的标题的时候下面的文字总是忽略掉我...

milktwpearl
2013/07/05
481
3
Bootstrap做简单的网站首页

网站首页

qushen1212
2018/04/12
0
0
django-bootstrap集成

1.安装django-bootstrap-static django-bootstrap-static采用pip安装,安装步骤如下 easy_install pip pip install django-bootstrap-static 复制代码 安装成功后会在python/site-packages目......

MyPy
2014/04/22
3.3K
0
安全狗检测后门 显示为加密后门-。- 没有看出来 请各位大牛帮忙分析

" **/ include("../includes/common.php"); if(isset($_POST['user']) && isset($_POST['pass'])){ $user=daddslashes($_POST['user']); $pass=daddslashes($_POST['pass']); if($user==$con......

天下第三帅
2018/09/30
191
0

没有更多内容

加载失败,请刷新页面

加载更多

作为一个(IT)程序员!聊天没有话题?试试这十二种技巧

首先呢?我是一名程序员,经常性和同事没话题。 因为每天都会有自己的任务要做,程序员对于其他行业来说;是相对来说比较忙的。你会经常看到程序员在发呆、调试密密麻麻代码、红色报错发呆;...

小英子wep
今天
15
0
【SpringBoot】产生背景及简介

一、SpringBoot介绍 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程,该框架使用了特定的方式来进行配置,从而使开发人员不再需要...

zw965
今天
5
0
简述并发编程分为三个核心问题:分工、同步、互斥。

总的来说,并发编程可以总结为三个核心问题:分工、同步、互斥。 所谓分工指的是如何高效地拆解任务并分配给线程,而同步指的是线程之间如何协作,互斥则是保证同一时刻只允许一个线程访问共...

dust8080
今天
6
0
OSChina 周四乱弹 —— 当你简历注水但还是找到了工作

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌 :#今日歌曲推荐# 分享成龙的单曲《男儿当自强》。 《男儿当自强》- 成龙 手机党少年们想听歌,请使劲儿戳(这里) @hxg2016 :刚在...

小小编辑
今天
3.4K
22
靠写代码赚钱的一些门路

作者 @mezod 译者 @josephchang10 如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。 今天给大家分享一个精彩的 GitHub 库,这个库整理...

高级农民工
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部