导航栏遍布整个页面

问题描述 投票:0回答:2

我正在做一些响应式CSS,我想要这样的东西:

<body>
<nav>
<ul>
 <li>Asd</li>
 <li>sdf</li>
</ul>
</nav>
<table>
 (Some wide table goes here)
</table>

我将导航栏定义为页面顶部的横条(=水平横条)。如果屏幕较小(桌子太大),则会显示水平滚动条。

我的问题是,当我水平滚动时,导航栏会向左移动,并在右侧留下空白。我只是希望它可见,以保持酒吧的印象。有什么想法怎么做?

[我知道,其中之一将被position:fixed固定,因此导航保持不变,但这也意味着即使使用verticall滚动,导航也将被固定,这是我不希望的。

我只是希望它可以像整个页面一样宽(而不是像屏幕一样宽),同时还可以垂直滚动。 (如果水平滚动发生时导航内容是否也滚动,或者导航内容只是被滚动并且只有导航背景(和导航边框等),对我来说都没有关系)

编辑:http://imageshack.us/photo/my-images/39/201302202145541024x600s.png/

javascript html css horizontal-scrolling
2个回答
0
投票

使用CSS时,position:absolute; left:0;(在页面滚动时阻止其从Web屏幕的左侧移开。)


0
投票

不确定我是否完全了解您,但是我认为解决您的问题的方法是使用CSS设置overflow: hidden参数。

© www.soinside.com 2019 - 2024. All rights reserved.