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

时间 2019-11-13

标签 position fixed 写在顶层 navbar 整个视窗滚动条没了栏目 CSS 繁體版

原文原文链接

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

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

<body>
<nav class="navbar navbar-main navbar-fixed-top">
<div class="navbar-container">
<div class="navbar-header">
<a class="navbar-brand-logo" href="/">

<div class="logo-box"></div>

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

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

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

</div>

</nav>
</body>开发

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