0

我正在使用引导程序创建一个移动站点,并且我正在努力使 CSS 正确。我正在尝试在页面上创建 3 个部分。导航 - 这将始终位于顶部,因此当页面滚动时,导航栏始终可见。我为此使用了标准的引导导航栏,并且看起来效果很好。接下来我有一个显示漂亮折线图的 DIV - 我希望它与导航栏相同 - 即不会滚动。接下来我有一个包含表格的 DIV,这需要是可滚动的。

所以基本上屏幕的上半部分应该是静态的,而包含网格的下半部分应该是移动的。这就是我到目前为止所做的!但这似乎不正确。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
</nav>

<div style="padding-top:70px; z-index:100; height:430px; top:0; position:absolute; padding-right:2%">
A pretty line Graph
</div>

<div style="position:relative; height:100%; overflow-y:auto; overflow-x: hidden; padding-top:430px;">
My Table

希望这是有道理的......

4

1 回答 1

0

HTML:

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    Place your header items here
</nav>
<div class="page-header">
    Place your chart here
</div>

<div class="container">
    Place your table here
</div>

CSS:body { padding-top:70px;}

于 2013-10-08T17:10:07.930 回答