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