html - 固定菜单位置,主体高度为 100%

标签 html css twitter-bootstrap menu fixed

我真的不明白为什么我的示例不起作用,但是类似 Bootstrap 的东西可以完美地工作。

<html style="height: 100%;">
<body style="height: 100%; padding-top: 70px;">   
    <div style="height: 100%; border: red solid;"></div>      
</body>
</html>

http://fiddle.jshell.net/QVmjd/2/

为什么我的100%高度超过100%?因此在 http://getbootstrap.com/examples/navbar-fixed-top/ ,一切都好吗?

更新: 更简单的 Bootstrap 示例 http://fiddle.jshell.net/C3vrB/1/

UPD2:示例变得更加清晰,可以理解差异

最佳答案

padding-top 扩展或增加 70px

  <body style="height: 100%; padding-top: 70px;">

关于html - 固定菜单位置,主体高度为 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23740491/

相关文章:

javascript - Angularjs,单选按钮选择显示选择性 div(有输入)不起作用

javascript - Safari 上的 CSS TranslateY 动画

HTML PHP Include 但需要使用不同的类

css - 应用 CSS 格式以仅在 TD 级别覆盖它

html - 如何在针对不同屏幕高度(移动设备)使用溢出滚动时解决 CSS 中的最大高度问题?

html - 在所有设备的抽屉中垂直居中

css - Chrome 无法识别 @font-face OTF

javascript - Treeview onNodeSelected 未触发

css - 一些字形被呈现为框

html - Bootstrap 将图像放在列的左侧