jquery - CSS 高度 :100% not working properly

标签 jquery html css

我想要实现的目标:当调整大小以适应移动 View 时,弹出式导航的高度应为 100%,使 div“nav”成为页面的 100% 高度,而不管 div“main”中的内容如何。

我试过将 html、body 设置为 100% 高度。包装器也处于 100% 高度,但它不起作用。

这是我的代码示例:

http://codepen.io/anon/pen/GHJqh/

最佳答案

您需要将 height:100% 分配给 html 和 body 才能使您的解决方案生效。我也将它应用于外包装,但我相信您可能需要更好的解决方案,因为如果您正在这样做,这会弄乱粘性页脚。

CODEPEN

http://codepen.io/anon/pen/DAfoe/

关于jquery - CSS 高度 :100% not working properly,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23050646/

相关文章:

jquery - UI 更改不会在 ASP.Net 应用程序中持续存在

javascript - 如果我滚动到某个位置,如何淡入元素

css - 两个 div 之间的意外空间

jquery - 使用 Jquery 淡出加载。然后,使用 CSS 在悬停时淡入,在悬停时淡出

javascript - 没有 FlexNav

javascript - 使用西里尔字母的正则表达式

javascript - 使用 jQuery Mobile 风格动态添加文本框

javascript - Angular 2/4 @Input 只移动内在函数——不移动列表或对象

javascript - href onclick= 不适用于所有子页面

html - 使用标题属性截断文本的可访问性