底部的Win8滚动条

Question

嘿伙计们我正在开发一个win8应用程序并且无法找到解决方案，如何在win8页面底部获得水平滚动条

顺便说一句，使用

#container{display:-ms-grid;}

.col1{-ms-grid-column:1;}
.col2{-ms-grid-column:2;}
.col3{-ms-grid-column:3;}

任何人都有解决方案，也许是卷轴跟随内容高度的原因？而不是窗户高度。

Answer 1

我发现解决方案我必须将我所有的div设置为100％的高度，然后将我的每个页面包裹到88％高度的部分标签然后将标题设置为12％。

最后但并非最不重要的是将我的section标签设置为overflow-x：scroll;

代码的简短版本：

body{height:100%;}
header{height:12%;}
section{
  height:88%;
  overflow-x:scroll;
  display:block;
}
#contenthost{height:100%;}
.pagediv{height:100%;}

这解决了我的问题

祝你好运 SP